jQuery中filter()和find()的区别深入了解


Posted in Javascript onSeptember 25, 2013

一直不是很清楚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')
Javascript 相关文章推荐
jQuery中获取Radio元素值的方法
Jul 02 Javascript
Jquery validation remote 验证的缓存问题解决方法
Mar 25 Javascript
JavaScript数值转换的三种方式总结
Jul 31 Javascript
JavaScript中使用document.write向页面输出内容实例
Oct 16 Javascript
JavaScript数据类型详解
Apr 01 Javascript
深入浅析JavaScript面向对象和原型函数
Feb 06 Javascript
微信小程序 wx.login解密出现乱码的问题解决办法
Mar 10 Javascript
简单谈谈JS中的正则表达式
Sep 11 Javascript
通过vue-cli3构建一个SSR应用程序的方法
Sep 13 Javascript
详解基于vue-cli3.0如何构建功能完善的前端架子
Oct 09 Javascript
vue的路由映射问题及解决方案
Oct 14 Javascript
使用 JavaScript 创建并下载文件(模拟点击)
Oct 25 Javascript
js中的this关键字详解
Sep 25 #Javascript
如何创建一个JavaScript弹出DIV窗口层的效果
Sep 25 #Javascript
js判断选择时间不能小于当前时间的示例代码
Sep 24 #Javascript
JS 实现导航栏悬停效果(续2)
Sep 24 #Javascript
JS 实现导航栏悬停效果(续)
Sep 24 #Javascript
CSS+jQuery实现的一个放大缩小动画效果
Sep 24 #Javascript
JavaScript中访问节点对象的方法有哪些如何使用
Sep 24 #Javascript
You might like
多重?l件?合查?(一)
2006/10/09 PHP
PHP对象克隆clone用法示例
2016/09/28 PHP
PHP7变量处理机制修改
2021/03/09 PHP
关于全局变量和局部变量的那些事
2013/01/11 Javascript
jquery遍历之parent()和parents()的区别及parentsUntil()方法详解
2013/12/02 Javascript
js实现从数组里随机获取元素
2015/01/12 Javascript
JavaScript中setMonth()方法的使用详解
2015/06/11 Javascript
javascript控制图片播放的实现代码
2020/07/29 Javascript
js实现文字闪烁特效的方法
2015/12/17 Javascript
bootstrap和jQuery.Gantt的css冲突 如何解决
2016/05/29 Javascript
jQuery Dialog 打开时自动聚焦的解决方法(两种方法)
2016/11/24 Javascript
Vue 固定头 固定列 点击表头可排序的表格组件
2016/11/25 Javascript
Vue数组更新及过滤排序功能
2017/08/10 Javascript
从0到1构建vueSSR项目之路由的构建
2019/03/07 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
2019/05/08 Javascript
在vue中使用axios实现post方式获取二进制流下载文件(实例代码)
2019/12/16 Javascript
bootstrap-table后端分页功能完整实例
2020/06/01 Javascript
构建一个JavaScript插件系统
2020/10/20 Javascript
Python入门_浅谈数据结构的4种基本类型
2017/05/16 Python
python读取ini配置的类封装代码实例
2020/01/08 Python
Python流程控制语句的深入讲解
2020/06/15 Python
哪些是python中web开发框架
2020/06/17 Python
windows10在visual studio2019下配置使用openCV4.3.0
2020/07/14 Python
Python os库常用操作代码汇总
2020/11/03 Python
CSS3 RGBA色彩模式使用实例讲解
2016/04/26 HTML / CSS
Kenneth Cole官网:纽约时尚优雅品牌
2016/11/14 全球购物
伦敦剧院门票:London Theatre Direct
2018/11/21 全球购物
东南亚排名第一的服务市场:kaodim
2019/03/28 全球购物
英国绿色商店:Natural Collection
2019/05/03 全球购物
优良学风班总结材料
2014/02/08 职场文书
单位消防安全责任书
2014/07/23 职场文书
毕业证代领委托书
2014/09/26 职场文书
践行三严三实心得体会
2014/10/13 职场文书
党员评议个人总结
2014/10/20 职场文书
新学期家长寄语2016
2015/12/03 职场文书
新学期开学寄语2016
2015/12/04 职场文书