jQuery中find()方法和filter()方法的区别

jQuery官方的API这样说明filter和find函数：

     filter(selector):Description: Reduce the set of matched elements to those that match the selector or pass the function’s test.find(selector):Description: Get the descendants of each element in the current set of matched elements, filtered by a selector.

find()会在当前指定元素中查找符合条件的子元素，是对它的子集操作，而filter()则是在当前指定的元素集合中查找符合条件的元素，是对自身集合元素进行筛选。

看下边的例子就会一目了然：

HTML代码:

<div class="benben"><p>Hello,World!</p><p>Hello,World Again!</p><p class="test">Test1</p>
</div>
<div class="test"><p>Test2</p>
</div>

jQuery代码：

<script type="text/javascript">
//using find()
var $find=$("div").find(".test");
alert($find.html());//display "Test1"
//using test()
var $filter=$("div").filter(".test");
alert($filter.html());//display "Test2"
</script>

很多时候经常用到find()或者filter()，下边的代码中就用到了find()方法在指定元素中查找符合条件的子元素。

<script type="text/javascript">
$(document).ready(function() {//mouse hover$("ul.test>li").hover(function() {$(this).find("a:first").css({"background":"white","position":"relative"});},//mouse outfunction(){$(this).find("a:first").css({"background":"","position":""});});
});
</script>

参考：http://www.benben.cc/blog/?p=352

jQuery中find()方法和filter()方法的区别相关推荐

jquery中prop()方法和attr()方法的区别浅析
引用:http://www.jb51.net/article/41170.htm 官方例举的例子感觉和attr()差不多,也不知道有什么区别,既然有了prop()这个新方法,不可能没用吧,那什么时候该 ...
jquery中prop()方法和attr()方法的区别
tofixed: 四舍五入为指定小数位数的数字 tofixed(number) tofixed(2) 意四舍五入的位数为两位 jQuery 1.6 开始新增了一个方法 prop(); 1.添加属性名 ...
jquery中prop()方法和attr()方法
接着上一篇笔记的疑惑,找了下prop()方法和attr()方法的区别.原来query1.6中新加了一个方法prop(),一直没用过它,官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值. 大 ...
python predict_对Keras中predict()方法和predict_classes()方法的区别说明
1 predict()方法当使用predict()方法进行预测时,返回值是数值,表示样本属于每一个类别的概率,我们可以使用numpy.argmax()方法找到样本以最大概率所属的类别作为样本的预测标 ...
java——Scanner中nextLine()方法和next()方法的区别
遇到一个有意思的东西,在整理字符串这块知识的时候,发现我在用Scanner函数时,在字符串中加入空格,结果空格后面的东西没有输出来(/尴尬),不多说直接上代码: import java.util.Sc ...
ExtJS中listener方法和handler方法的区别
listener方法和handler方法的区别在文档中的说明的太玄乎了,看不懂 listeners监听能够对一个click Event事件添加任意多个的事件响应处理函数而handler处理只能够通过 ...
Keras中predict()方法和predict_classes()方法的区别
正如上篇博客中所讲,在Keras框架下执行深度学习任务时,一般会先根据训练数据集训练出模型,然后拿训练好的模型到生产环境(测试集)中部署并生产.以分类问题为例,当训练好了分类模型之后,我们要用这个模型 ...
VBA中Activate方法和Select方法的区别
VBA中的Activate方法和Select方法看起来似乎相同,其实二者是有区别的.Activate方法的作用是激活,而Select方法的作用是选择.其区别如下: 1.对于"Sheets&q ...
Scanner中nextLine()方法和next()方法的区别
我们在使用扫描器Scanner时,遇到了字符串肯定会使用API中定义好的next()和nextLine()方法.两者一个是能读取空格一个是不能读取空格就像下面的样子当我们把二者交换位置,再来看一下效 ...

jQuery中find()方法和filter()方法的区别

jQuery中find()方法和filter()方法的区别相关推荐

最新文章

热门文章