如何用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代码之前：

运行的之后：

$(document).ready(function(){

  $("#div1").click(function(){

    $("div").toggle()

  })

})

可以直接修改其display属性

div.style.display=(div.style.display==none)?block:none

div替换为你的那个元素就可以了

---