【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,都没有见你吭一声说明下事实,现在又来转载,转了还又成你的东西了,无语。

你可能感兴趣的:(jquery选择器)