过滤选择器——可见性过滤选择器

可见性过滤选择器根据元素是否可见的特征获取元素，其详细的说明如表：

选择器	功能	返回值
:hidden	获取所有不可见元素，或者type为hidden的元素	元素集合
:visible	获取所有可见的元素	元素集合

说明：:hidden选择器所选择的不仅包括样式为display:none所有的元素，而且还包括属性type="hidden"和样式为visibility:hidden的所有元素。

示例——使用jQuery可见性过滤选择器选择元素

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XMTML 1.0
 2 Transitional//EN"
 3 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 4 <html xmlns="http://www.w3.org/1999/xhtml">
 5 <head>
 6 <title>使用jQuery层次选择器</title>
 7 <script type="text/javascript" src="../../software/jquerys/jquery-1.7.2.js"></script>
 8 <style type="text/css">
 9     body{font-size:12px;text-align:center}
10     div,span{float:left;border:solid 1px #ccc;
11             margin:8px;width:65px;height:65px}
12     .GetFocus{border:solid 1px #666;background-color:#eee}
13 </style>
14 <script type="text/javascript">
15
16     $(function(){    // 增加所有可见元素类别
17         //$("span:hidden").show();
18         //$("div:visible").addClass("GetFocus");
19     })/** **/
20
21     $(function(){    // 增加所有不可见元素类别
22         //$("span:hidden").show().addClass("GetFocus");
23     })
24 </script>
25 </head>
26 <body>
27     <span style="display:none">Hidden</span>
28     <div>Visible</div>
29 </body>
30 </html>

Demo

转载于:https://www.cnblogs.com/duffy/p/4021812.html

过滤选择器——可见性过滤选择器相关推荐

jQuery的选择器——可见性过滤选择器
jQuery的可见性选择器是根据元素的可见和不可见状态来选择相对应的元素.主要有两个:可见:visible和不可见:hidden.今天我们主要来学习这两个选择器的使用.先来看一个HTML结构,方便学习 ...
【7】jQuery学习——入门jQuery选择器之过滤选择器-可见性过滤选择器
这篇什么都不说,看标题就知道了,很简单,就2个选择器,嘿嘿选择器描述返回 $("Element:hidden") 选取所有不可见的元素集合元素 $("Elemen ...
jQuery选择器之可见性过滤选择器
本文接上篇聊聊可见性过滤选择器. 五.可见性过滤选择器可见性过滤选择器根据元素是否可见的特征获取元素,其详细的说明如表所示示例代码: <head><title> 使用 jQ ...
jquery可见性过滤选择器
jquery可见性过滤选择器可见性过滤选择器是根据元素的可见性状态来选择相应的元素. 在锋利的jquery一书中的介绍如下:
jQuery选择器和JS选择器
jQuery选择器: jQuery选择器的写法和CSS选择器的写法非常相似,在学习之前了解下CSS选择器,对掌握jQuery选择器是非常有帮助的 (一) 基本选择器:主要包含id选择器.class选择 ...
jQuery选择器之可见性过滤选择器Demo
测试代码 05-可见性过滤选择器.html 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...
jquery可见性过滤选择器:hidden、:visible
全栈工程师开发手册 (作者:栾鹏) jquery系列教程1-选择器全解 jquery可见性过滤选择器 jquery可见性过滤选择器,包括:hidden.:visible,具体功能如代码中注释. 代码如 ...
jquery：选择器【基础选择器、层级选择器、属性选择器和方法操作、过滤选择器、筛选选择器和方法，可见性过滤选择器】
名称用法描述基础选择器 id选择器 $('#class') 指定id的元素类选择器 $('.class') 指定类标签选择器 $('div') 指定标签并集选择器 $('div,class ...
jQuery选择器介绍：基本选择器、层次选择器、过滤选择器、表单选择器
这篇文章来介绍下jQuery的选择器. 选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.因此,如果能熟练的使用选择器,不仅能简化代码,而且可以达到事半 ...

过滤选择器——可见性过滤选择器

过滤选择器——可见性过滤选择器相关推荐

最新文章

热门文章