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

运行的之后：

你可以通过jq控制添加删除class，不要使用show和hide。

默认为display:none。

第一个添加active，点击时删除所有active，当前对应的内容加active。

.active {

display:flex

}

$(document).ready(function(){

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

    $("div").toggle()

  })

})

---