用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操控属性状态的属性