举例讲解jQuery中可见性过滤选择器的使用_jquery
2020-11-27
来源：爱go旅游网
可见性过滤器
可见性过滤器根据元素的可见性和不可见性来选择相应的元素。
可见性过滤器根据元素的可见性和不可见性来选择相应的元素。
| 过滤器名 | jQuery 语法 | 说明 | 返回 |
| :hidden | $(':hidden') | 选取所有不可见元素 | 集合元素 |
| :visible | $(':visible') | 选取所有可见元素 | 集合元素 |
注意：:hidden 过滤器一般是包含的内容为：CSS 样式为display:none、input 表单类型为type="hidden"和visibility:hidden 的元素。
示例
jQuery的可见性选择器是根据元素的可见和不可见状态来选择相对应的元素。主要有两个：可见:visible和不可见:hidden。今天我们主要来学习这两个选择器的使用。先来看一个HTML结构，方便学习这两个选择器的使用：
Hider! Hider! Hider! Hider!
CSS Code:
初步效果
下面我们分别来看看这两个选择器的语法和使用规则以及所起的作用
一、不可见性选择器：:hidden
选择器
或
描述：
E:hidden表示选择隐藏的E元素，而:hidden表示选取所有不可见的元素
返回值：
集合元素
实例：
功能：
":hidden"选取所有不可见的元素，有的浏览器还包含了
效果：
二、可见性选择器：:visible
选择器：
或者
描述：
“E:visible”表示选择可见的E元素，比如说“$("div:visible")”表示选择所有可见的div元素，而“$(":visible")”表示选择所有可见元素
返回值：
集合元素
实例：