【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选择器之过滤选择器-可见性过滤选择器相关推荐

【10】jQuery学习——入门jQuery选择器之表单选择器
这里我们要知道表单,但是在实际写jq的时候,用到貌似不是很多,所以这里我就直接转梦三秋网站上的课件啦. 当然等以后要用的时候,我们在拿出来研究下,毕竟表单这块,看起来真的很多,眼晕啊~~~ ===== ...
jQuery学习入门总结之css（）和addClass（）的不同
jQuery学习入门之css()和addClass()的不同这两天研究jQuery的,刚刚开始入门,从昨天开始呢,就发现一个方法addClass的,教程里有一个方法是这样写的 $(docum ...
【jQuery学习】—jQuery对象的过滤
[jQuery学习]-jQuery对象的过滤一.eq方法作用:获取对应下标的jQuery对象格式:jQuery对象集合.eq(下标) 二.first方法作用:获取匹配元素集合中的第一个元素格 ...
【jQuery学习】—jQuery对象的访问
[jQuery学习]-jQuery对象的访问一.each方法作用:遍历jQuery对象中的元素格式:jQuery对象.each(function(index, ele){}); 注意:index ...
【jQuery学习】—jQuery操作CSS和表格
[jQuery学习]-jQuery操作CSS和表格一.jQuery操作CSS 二.jQuery操作表格
【jQuery学习】—jQuery操作元素位置
[jQuery学习]-jQuery操作元素位置一.position方法作用:返回相对某个元素的偏移量格式:元素.position() 返回值包含top属性和left属性的对象如果祖先元素中没有 ...
【jQuery学习】—jQuery对象的串联
[jQuery学习]-jQuery对象的串联一.add方法作用:把表达式匹配的元素添加到jQuery中格式:jQuery对象.add(表达式); 二.contents方法作用:查找匹配元素内部 ...
jQuery的选择器——可见性过滤选择器
jQuery的可见性选择器是根据元素的可见和不可见状态来选择相对应的元素.主要有两个:可见:visible和不可见:hidden.今天我们主要来学习这两个选择器的使用.先来看一个HTML结构,方便学习 ...
jQuery学习笔记——jQuery选择器详解种类与方法
jQuery的选择器根据页面中元素的不同,可以分为基本选择器.层次选择器.表单选择器.过滤选择器,而过滤选择器又有简单过滤选择器.内容过滤选择器.可见性过滤选择器.属性过滤选择器.子元素过滤选择器和表 ...

【7】jQuery学习——入门jQuery选择器之过滤选择器-可见性过滤选择器

【7】jQuery学习——入门jQuery选择器之过滤选择器-可见性过滤选择器相关推荐

最新文章

热门文章