jQuery中filter()和find()的区别深入了解
2018-10-12 14:01
351 查看
一直不是很清楚filter()方法和find()方法的区别,今天在看jQuery Cookbook一书中,终于算是搞清楚了。
filter()过滤DOM元素包装集,是指操作当前元素集,删除不匹配的元素,得到一个新的集合
find()在当前选中元素的上下文中找到符合条件的后代,返回的是子元素
由上面可以看出,filter()是对选中的元素集合操作,得到这些元素中符合条件的元素,而find()是得到选中元素
中符合条件的后代子元素。
最后再介绍一个end()方法,用来返回破坏性修改之前的选择
filter()过滤DOM元素包装集,是指操作当前元素集,删除不匹配的元素,得到一个新的集合
$('div').filter('.div1');//选择div标签中class属性为div1的div元素
find()在当前选中元素的上下文中找到符合条件的后代,返回的是子元素
$('div').find('em');//选择div标签中的em标签的元素
由上面可以看出,filter()是对选中的元素集合操作,得到这些元素中符合条件的元素,而find()是得到选中元素
中符合条件的后代子元素。
最后再介绍一个end()方法,用来返回破坏性修改之前的选择
$('div').filter('.div1').end();//返回的是使用filter()之前的选择元素,即$('div')
您可能感兴趣的文章:
相关文章推荐
- jQuery中filter()和find()的区别深入了解
- 【jQuery】【转】jQuery中filter()和find()的区别
- Jquery中filter()与Find()区别
- 基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
- Jquery中的has、find、filter方法区别
- 浅谈jQuery中find()与filter()两种方法联系与区别
- jQuery中find()方法和filter()方法的区别
- Jquery-find filter区别
- 基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
- [jq]jquery的has,find和filter方法的区别
- jquery方法find和filter的区别
- jQuery中find和filter的区别
- jquery中filter,children,find三者的区别?
- jQuery中find和filter的区别
- 通过一个例子了解filter()和find()的用法/children()与find()区别
- Jquery中的has、find、filter方法区别
- jQuery中find()方法、children方法、filter()方法的区别分析
- jQuery中find和filter的区别
- jQuery源码分析之实例find和filter方法的区别七问
- 解说jquery的has()方法以及与find()方法以及filter()方法的区别