jQuery选择器--可见性选择器

1. 可见性选择器

:visible	匹配所有可见元素
:hidden	匹配所有不可见元素

     说明：

可见元素：  如果元素占据文档的空间，元素被认为是可见的

不可见元素：如果元素未占据文档的空间，元素被认为是不可见的

注意：元素的visibility:hidden或opacity:0被认为是可见，因为元素即使具有该属性仍占用一定的空间布局

2.举例说明

Input表单元素：

设置：<input type="text" id="n20" value="" style="width: 0px;height:0px;”/>

说明： input元素仍不是不可见元素，在网页查看发现input元素仍占据 4*6的空间，后发现input元素具有默认的值，

因此设置style="width: 0px;height:0px;padding: 0px;margin:0px;border:0px"后变为不可见元素，此时页面占据空间为0*0

 

Div元素：

设置：style="width: 0px;height:0px;”

说明：为不可见元素

 

Span元素：

设置：style="width: 0px;height:0px;”

说明：非不可见元素，网页查看发现style未起作用，style="width: 0px;height:0px;display:inline-block”

后为不可见元素