jquery find()和filter()的区别

在写js查找当前标签下某一子元素的子元素集合时,用到了此方法

 $(".flyout-trigger").mouseover(function(){
var maxnum=$(this).find(".flyout-link").children().filter("dt").size();
$(this).children(".flyout-link").show();
$(this).children(".flyout-link").animate({
height:maxnum*26+'px'
});
});

搜了一下关于find()和filter()的用法

函数的区别,文档上面是这么写的:

find(expr):搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法

filter(expr):筛选出与指定表达式匹配的元素集合。这个方法用于缩小匹配的范围。用逗号分隔多个表达式

 <html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(function(){
alert($("p").find(".selected").html()); // find html
alert($("p").filter(".selected").html()); // filter html
});
</script>
</head>
<body>
<p>html</p>
<p><span class="selected">find html</span></p>
<p class="selected">filter html</p>
</body>
</html>

也许你已经看出它们的区别了,find()会在p元素内寻找class为selected的元素。

而filter()则是筛选p的class为selected的元素。

一个是对它的子集操作,一个是对自身集合元素筛选.

上一篇:linux命令学习之:ls


下一篇:【绝密外泄】风哥Oracle数据库DBA高级工程师培训视频教程与内部资料v0.1