过滤选择器——可见性过滤选择器
生活随笔
收集整理的這篇文章主要介紹了
过滤选择器——可见性过滤选择器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
可見性過濾選擇器根據元素是否可見的特征獲取元素，其詳細的說明如表：
| 選擇器 | 功能 | 返回值 |
| :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
總結
以上是生活随笔為你收集整理的过滤选择器——可见性过滤选择器的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 程序员取名：用大数据分析一下宝宝取名时最
- 下一篇： DisplayContent、Stack