【7】jQuery学习——入门jQuery选择器之过滤选择器-可见性过滤选择器
生活随笔
收集整理的這篇文章主要介紹了
【7】jQuery学习——入门jQuery选择器之过滤选择器-可见性过滤选择器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
這篇什么都不說，看標題就知道了，很簡單，就2個選擇器，嘿嘿
| 選擇器 | 描述 | 返回 |
| $("Element:hidden") | 選取所有不可見的元素 | 集合元素 |
| $("Element:visible") | 選取所有可見元素 | 集合元素 |
這篇很簡單吧，就2個，但是我們要知道哪些是可見和不可見的
那我們就來說說不可見有幾種情況：
【1】它們的CSS display值是none，<div style="display:none">
【2】它們是type="hidden"的表單元素，<input type=”hidden”>
?
================================================================
ps.文章參考夢三秋和w3cfuns網站
================================================================
完成了w3cfuns網站的作業
可見性過濾選擇器 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>實例</title> 6 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 7 <script type="text/javascript"> 8 $(function(){ 9 $("#but1").click(function(){ 10 $("ul:hidden").show(500); 11 }); 12 $("#but2").click(function(){ 13 $("dl:visible").hide(500); 14 }); 15 }); 16 </script> 17 <style type="text/css"> 18 ul{display:none;} 19 </style> 20 </head> 21 22 <body> 23 24 <input type="button" id="but1" value="選擇所有不可見的ul元素對象,將其設置為可見" /> 25 <input type="button" id="but2" value="選擇所有可見的dl元素對象,將其設置為不可見" /> 26 27 <ul> 28 <li>我ul原本不可見現在為可見</li> 29 <li>我ul原本不可見現在為可見</li> 30 <li>我ul原本不可見現在為可見</li> 31 <li>我ul原本不可見現在為可見</li> 32 <li>我ul原本不可見現在為可見</li> 33 </ul> 34 <dl> 35 <dd>我dl是可見的</dd> 36 <dd>我dl是可見的</dd> 37 <dd>我dl是可見的</dd> 38 <dd>我dl是可見的</dd> 39 <dd>我dl是可見的</dd> 40 </dl> 41 42 </body> 43 </html>?
我不知道你(taosdk的)黑龍是不是很無聊，上次轉了我的淘寶sdk，都沒有見你吭一聲說明下事實，現在又來轉載，轉了還又成你的東西了，無語。
轉載于:https://www.cnblogs.com/huige728/archive/2012/08/09/2630274.html
總結
以上是生活随笔為你收集整理的【7】jQuery学习——入门jQuery选择器之过滤选择器-可见性过滤选择器的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 永劫无间妖刀姬怎么获得
- 下一篇： POJ 2421 Constructin