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

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

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

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

<div id="div1">

test

</div>

<script>

$(function(){

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

})

</script>

</body>

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

3、运行的代码如下：

没有运行js代码之前：

运行的之后：

1、打开hbuilder软件，新建一个空白的html文件，输入基本的html结构，这里设置一个button按钮用来显示隐藏div，并且给按钮一个id，命名为show。同样也给div一个id，命名为hide：

2、在下方编写js代码，首先给获取button的dom元素，并给其一个click事件，然后获取div的dom，修改disply的属性为block，即让隐藏的div显示出来：

3、按下crtl+S保存，在浏览器里观察效果：

4、点击显示隐藏的按钮，隐藏的div就出现了。以上就是用js控制display属性的过程：