jQuery中filter()和find()的区别深入了解
更新时间：2013年09月25日 15:37:04 作者：
一直不是很清楚filter()方法和find()方法的区别，看jQuery Cookbook一书后，终于算是搞清楚了，下面将新的与大家分享下
一直不是很清楚filter()方法和find()方法的区别，今天在看jQuery Cookbook一书中，终于算是搞清楚了。
filter()过滤DOM元素包装集，是指操作当前元素集，删除不匹配的元素，得到一个新的集合
$('div').filter('.div1');//选择div标签中class属性为div1的div元素
find()在当前选中元素的上下文中找到符合条件的后代，返回的是子元素
$('div').find('em');//选择div标签中的em标签的元素
由上面可以看出，filter()是对选中的元素集合操作，得到这些元素中符合条件的元素，而find()是得到选中元素
中符合条件的后代子元素。
最后再介绍一个end()方法，用来返回破坏性修改之前的选择
$('div').filter('.div1').end();//返回的是使用filter()之前的选择元素，即$('div')
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实现电梯导航模块，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
jquery.lazyload.js并未真正的实现页面延迟载入，它的实现原理是页面载入完毕后将html中所有img标签的src属性都替换为空，把src的初始值存储到一个自定义的属性中，当页面滚动到img标签位置时再将图片载入进来。2010-12-12
本文是对jquery中日期控件datepicker的属性进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
这篇文章主要介绍了jQuery+JSON实现AJAX二级联动的方法,以实例形式分析了前台jQuery结合ajax传递json格式数据及后台数据处理技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
点击时高亮显示代码的实现方法有很多，下面的示例使用jquery来实现，需要的朋友可以了解下2014-01-01
下面小编就为大家带来一篇jQuery选择器之属性筛选选择器用法详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要介绍了jQuery动画特效,详细叙述了jQuery动画特效的实现方法,非常实用,需要的朋友可以参考下2014-08-08
这篇文章主要介绍了jQuery元素选择器用法,通过一个简单的隐藏div元素实例讲述了元素选择器的用法,具有一定的参考借鉴价值,需要的朋友可以参考下2014-12-12
这篇文章主要介绍了jQuery实现新消息闪烁标题提示的方法,实例分析了jQuery操作样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
本文主要是给大家分享了一则使用EasyUI实现同步树的代码，主要是使用递归实现，非常实用的方法，推荐给小伙伴们。2015-03-03
最新评论