jQuery 抄袭笔记(21) :filter(),not()
23 Oct 2011本想贴John McDaid的Stay There。结果虾米没有,不过这首也是大爱~尤其是最后反反复复高亢又低沉的声音再一次让我欲罢不能 。
not() 从匹配元素集合中删除元素。
如果给定一个表示 DOM 元素集合的 jQuery 对象,.not() 方法会用匹配元素的子集构造一个新的 jQuery 对象。所应用的选择器会检测每个元素;不匹配该选择器的元素会被包含在结果中。
filter() 方法将匹配元素集合缩减为匹配指定选择器的元素。
如果给定表示 DOM 元素集合的 jQuery 对象,.filter() 方法会用匹配元素的子集构造一个新的 jQuery 对象。所使用的选择器会测试每个元素;所有匹配该选择器的元素都会包含在结果中。
filter()与find()的区别
find()会在div元素内 寻找 class为classname的元素。
filter()则是筛选div的class为classname的元素。
基本是find子元素找,filter是平级找
·find 函数是在当前对象集合的子元素中进行查询;
·filter 函数是对当前对象集合进行过滤, 利用过滤条件缩小范围;
·find 函数的参数是 jQuery 选择器表达式;
·filter 的参数也是选择器表达式, 但可以有多个条件, 用逗号分隔(逻辑或关系);
·filter 的参数也可以是个函数, 调用函数时会自动传入 index 参数, 函数需返回 true或false 以选中或排除元素.
02 <html xmlns="http://www.w3.org/1999/xhtml">
03 </span>
04 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
05
06 <script type="text/javascript" src="jquery-1.1.3.pack.js"></script>
07 <script type="text/javascript">
08 $(document).ready(function(){
09 alert($("div").filter("#lazynight").html());
10 alert($("div").not("#lazynight").html());
11 });
12 </script>
13 </head>
14 </span>
15 <div id="lazynight">这里是 NIGHT !
16
</span>Hello Lazynight!</p> </span>Hello Lazynight!</p> </span>Hello Lazyday!</p> </span>Hello Lazyday!</p>
17
18 </div>
19
20 <div id="lazyday">这里是 DAY !
21
22
23 </div>
24 </span>
25 filter()能够将元素精简到只剩下满足过滤条件的那些,
26 not()恰恰相反,他移除了所有满足条件的。
27 </pre>
28 </body>
29 </html>
</div>
下载源码
转载请注明:[于哲的博客][1] » [jQuery 抄袭笔记(21) :filter(),not()][2]
[1]: http://lazynight.me
[2]: http://lazynight.me/632.html