【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

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/379436.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/379436.shtml
英文地址，請注明出處：http://en.pswp.cn/news/379436.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！