举例讲解jQuery中可见性过滤选择器的使用

可见性过滤器

可见性过滤器根据元素的可见性和不可见性来选择相应的元素。

过滤器名
jQuery 语法
说明
返回

:hidden
$(:hidden)
选取所有不可见元素
集合元素

:visible
$(:visible)
选取所有可见元素
集合元素

$(p:hidden).size(); //元素p 隐藏的元素

$(p:visible).size(); //元素p 显示的元素

注意：:hidden 过滤器一般是包含的内容为：CSS 样式为display:none、input 表单类型为type=”hidden”和visibility:hidden 的元素。

示例

jQuery的可见性选择器是根据元素的可见和不可见状态来选择相对应的元素。主要有两个：可见:visible和不可见:hidden。今天我们主要来学习这两个选择器的使用。先来看一个HTML结构，方便学习这两个选择器的使用：