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性能优化的文章，果断收藏当然不能忘了加上自己的一些总结及理解。2014-05-05
本文会给你们展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助2011-09-09
Jquery Easyui分割按钮组件SplitButton使用详解（17）
这篇文章主要为大家详细介绍了Jquery Easyui分割按钮组件SplitButton的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
这篇文章主要介绍了jquery插件bxslider用法,以实例形式较为详细的分析了bxslider插件的使用步骤与相关技巧,非常具有实用价值,需要的朋友可以参考下2015-04-04
这篇文章主要为大家详细介绍了uploader秒传图片到服务器的完整代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
Jquery中绑定事件有三种方法click、bind、live第一种方法很好理解，其实就和普通JS的用法差不多，只是少了一个on而已第二、三种方法都是绑定事件2013-08-08![jQuery中[attribute*=value]选择器用法实例](//img.jbzj.com/images/xgimg/bcimg6.png)
jQuery中[attribute*=value]选择器用法实例
这篇文章主要介绍了jQuery中[attribute*=value]选择器用法,实例分析了[attribute*=value]选择器的功能、定义及匹配给定的属性包含某些值的元素的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下2014-12-12
这篇文章主要为大家介绍了基于jquery实现的仿优酷图片轮播特效代码，感兴趣的小伙伴们可以参考一下2016-01-01
jquery复选框全选/取消示例,实现点击复选框的时候全选所有的子复选框，再点击取消所有复选框的选中状态2013-12-12
表格奇偶行设置不同颜色，在某些情况下还是比较实用的，下面有个不错的示例，大家可以参考下，希望对大家有所帮助2013-12-12
![jQuery中[attribute*=value]选择器用法实例](http://img.jbzj.com/images/xgimg/bcimg6.png)
最新评论