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 相关文章推荐
一个js的tab切换效果代码[代码分离]
Apr 11 Javascript
使用javascript获取flash加载的百分比的实现代码
May 25 Javascript
利用a标签自动解析URL分析网址实例
Oct 20 Javascript
DOM基础教程之使用DOM + Css
Jan 20 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
Nov 18 Javascript
JavaScript实现简单获取当前网页网址的方法
Nov 09 Javascript
同步文本框内容JS代码实现
Aug 04 Javascript
jquery请求servlet实现ajax异步请求的示例
Jun 03 jQuery
vue-cli 脚手架基于Nightwatch的端到端测试环境的过程
Sep 30 Javascript
使用 electron 实现类似新版 QQ 的登录界面效果(阴影、背景动画、窗体3D翻转)
Oct 23 Javascript
详解vuex持久化插件解决浏览器刷新数据消失问题
Apr 15 Javascript
vue3.0生命周期的示例代码
Sep 24 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
PHP中的array数组类型分析说明
2010/07/27 PHP
php 字符串替换的方法
2012/01/10 PHP
php通过正则表达式记取数据来读取xml的方法
2015/03/09 PHP
phpStudy vscode 搭建debug调试的教程详解
2020/07/28 PHP
js 屏蔽鼠标右键脚本附破解方法
2009/12/03 Javascript
JQUERY1.6 使用方法四 检测浏览器
2011/11/23 Javascript
js 数组操作之pop,push,unshift,splice,shift
2014/01/29 Javascript
jQuery表单域属性过滤器用法分析
2015/02/10 Javascript
jQuery对象初始化的传参方式
2015/02/26 Javascript
js插件dropload上拉下滑加载数据实例解析
2016/07/27 Javascript
防止Node.js中错误导致进程阻塞的办法
2016/08/11 Javascript
Vuejs第十二篇之动态组件全面解析
2016/09/09 Javascript
微信小程序 使用picker封装省市区三级联动实例代码
2016/10/28 Javascript
JS自定义混合Mixin函数示例
2016/11/26 Javascript
深入理解Vue官方文档梳理之全局API
2017/11/22 Javascript
vue兄弟组件传递数据的实例
2018/09/06 Javascript
[57:41]Secret vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
用Django实现一个可运行的区块链应用
2018/03/08 Python
pycharm运行出现ImportError:No module named的解决方法
2018/10/13 Python
python上传时包含boundary时的解决方法
2020/04/08 Python
html5指南-4.使用Geolocation实现定位功能
2013/01/07 HTML / CSS
HTML5 Canvas渐进填充与透明实现图像的Mask效果
2013/07/11 HTML / CSS
html5将图片转换成base64的实例代码
2016/09/21 HTML / CSS
南非最受欢迎的时尚品牌:MRP
2016/09/18 全球购物
美国最好的葡萄酒网上商店:Wine Library
2019/11/02 全球购物
摩飞电器俄罗斯官方网站:Morphy Richards俄罗斯
2020/07/30 全球购物
计算机应用毕业生自荐信
2013/10/23 职场文书
幼儿园保育员辞职信
2014/01/12 职场文书
党员承诺书内容
2014/03/26 职场文书
公司新年寄语
2014/04/04 职场文书
幼儿园保育员岗位职责
2014/04/13 职场文书
三八妇女节演讲稿
2014/05/27 职场文书
2014年电厂个人工作总结
2014/11/27 职场文书
幼儿园托班开学寄语(2015秋季)
2015/05/27 职场文书
解决MultipartFile.transferTo(dest) 报FileNotFoundExcep的问题
2021/07/01 Java/Android
pytorch实现加载保存查看checkpoint文件
2022/07/15 Python