如何用jquery动态修改元素的display属性

可以使用jQuery的css方法，css()需要传两个参数，第一个是css元素的名称，第二个为值，例如css("display",'none')

工具原料：编辑器、浏览器

1、使用css()方法来设置某一个元素的display属性，代码如下：

body>

<div id="div1">

test

</div>

<script>

$(function(){

$("#div1").css("display",'none')

})

</script>

</body>

2、以上代码中使用$("#div1")选择器选择到div元素，然后使用css方法来设置其display值为none将元素隐藏。

3、运行的代码如下：

没有运行js代码之前：

运行的之后：

attr方法可用来获取或设置属性，根据参数个数的不同来定时获取还是设置，当只有1个参数时表示获取属性值，当有2个参数时表示设置元素属性。

例如将图片的宽度设置成150：

$("img").attr("width","150") //参数有width和150，所以是设置

例如获取图片的宽度：

$("img").attr("width")//参数只有width,所以此时是获取

---