js中的display

display 是样式中的显示

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

none 为不显示

block为显示

参考

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

可以使用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代码之前：

运行的之后：