js中的display

一、js中的display

1、"none"和"block"都是显示中的参数

2、block: CSS1块对象的默认值。用该值为对象之后添加新行

3、 none: CSS1隐藏对象。与visibility属性的hidden值不同，其不为被隐藏的对象保留其物理空间

4、 inline: CSS1内联对象的默认值。用该值将从对象中删除行

5、 compact: CSS2分配对象为块对象或基于内容之上的内联对象

6、 marker: CSS2指定内容在容器对象之前或之后。要使用此参数，对象必须和:after及:before伪元素一起使用

7、 inline-table: CSS2将表格显示为无前后换行的内联对象或内联容器

8、 list-item: CSS1将块对象指定为列表项目。并可以添加可选项目标志

9、 run-in: CSS2分配对象为块对象或基于内容之上的内联对象

10、 table: CSS2将对象作为块元素级的表格显示

11、 table-caption: CSS2将对象作为表格标题显示

12、 table-cell: CSS2将对象作为表格单元格显示

13、 table-column: CSS2将对象作为表格列显示

14、 table-column-group: CSS2将对象作为表格列组显示

15、 table-header-group: CSS2将对象作为表格标题组显示

16、 table-footer-group: CSS2将对象作为表格脚注组显示

17、 table-row: CSS2将对象作为表格行显示

18、 table-row-group: CSS2将对象作为表格行组显示

二、怎么通过js 改变display

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属性的过程：

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

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

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

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

</body>

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

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