js、jQuery之控制元素的可见性

用JavaScript隐藏控件的方法有两种，分别是通过设置控件的style的“display”和“visibility”属性。

Object.style.visibility=visible|hidden|collapse

Object.style.display=none|block|inline

当style.display="block"或style.visibility="visible"时控件或见，当style.display="none"或style.visibility="hidden"时控件不可见。

不同的是“display”不但隐藏控件，而且被隐藏的控件不再占用显示时占用的位置，

而“visibility”隐藏的控件仅仅是将控件设置成不可见了，控件仍然占俱原来的位置。

("#id").css('display','none');

$("#id").css('display','block');

$("#id")[0].style.display = 'none';

$("#id").attr("display","block");

$("#id").show()表示display:block,

$("#id").hide()表示display:none;

jQuery可见性过滤器 :hidden和 :visibility

:visible 选择器选取每个当前是可见的元素。

除以下几种情况之外的元素即是可见元素：

•设置为 display:none

•type="hidden" 的表单元素

•Width 和 height 设置为 0

•隐藏的父元素（同时隐藏所有子元素）

获取：$("tr:visible")

判断可见：$("#id").is(":visible")==false

:hidden 选择器选取隐藏的元素。

以下几种情况的元素是隐藏元素：

•设置为 display:none

•带有 type="hidden" 的表单元素

•width 和 height 设置为 0

•隐藏的父元素（这也会隐藏子元素）

注释：该选择器对 visibility:hidden 的元素不起作用。

在jQuery中，visibility: hidden;和opacity: 0;都被视作可见的，因为它们在页面上占据了相应的物理空间。

获取：$("tr:hidden")

一般情况下prop()可生效于写属性名便能生效及使用boolean操控属性状态的属性