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 相关文章推荐
JavaScript中“+”的陷阱深刻理解
Dec 04 Javascript
各浏览器对document.getElementById等方法的实现差异解析
Dec 05 Javascript
jQuery预加载图片常用方法
Jun 15 Javascript
javascript中apply、call和bind的使用区别
Apr 05 Javascript
全面理解JavaScript中的继承(必看)
Jun 16 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
Aug 09 Javascript
vue+socket.io+express+mongodb 实现简易多房间在线群聊示例
Oct 21 Javascript
基于JavaScript 性能优化技巧心得(分享)
Dec 11 Javascript
在vue项目创建的后初始化首次使用stylus安装方法分享
Jan 25 Javascript
vue实现点击展开点击收起效果
Apr 27 Javascript
Angularjs 根据一个select的值去设置另一个select的值方法
Aug 13 Javascript
Puppeteer 爬取动态生成的网页实战
Nov 14 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
超级实用的7个PHP代码片段分享
2012/01/05 PHP
php去除换行(回车换行)的三种方法
2014/03/26 PHP
浅谈php+phpStorm+xdebug配置方法
2015/09/17 PHP
Yii CDBCriteria常用方法实例小结
2017/01/19 PHP
关于 Laravel Redis 多个进程同时取队列问题详解
2017/12/25 PHP
php获得刚插入数据的id 的几种方法总结
2018/05/31 PHP
JavaScript 存在陷阱 删除某一区域所有节点
2010/05/10 Javascript
基于JQuery的访问WebService的代码(可访问Java[Xfire])
2010/11/19 Javascript
JQuery1.6 使用方法三
2011/11/23 Javascript
用RadioButten或CheckBox实现div的显示与隐藏
2013/09/21 Javascript
nodejs的10个性能优化技巧
2014/07/15 NodeJs
JavaScript 事件绑定及深入
2015/04/13 Javascript
jquery插件star-rating.js实现星级评分特效
2015/04/15 Javascript
js获取及判断键盘按键的方法
2015/12/01 Javascript
Vue+mui实现图片的本地缓存示例代码
2018/05/24 Javascript
JS获取指定月份的天数两种实现方法
2018/06/22 Javascript
vscode配置vue下的es6规范自动格式化详解
2019/03/20 Javascript
详解vue中axios的使用与封装
2019/03/20 Javascript
jQuery实现数字华容道小游戏(实例代码)
2020/01/16 jQuery
[54:57]DOTA2-DPC中国联赛定级赛 Aster vs DLG BO3第二场 1月8日
2021/03/11 DOTA
python实现简单图片物体标注工具
2019/03/18 Python
Python Tkinter 简单登录界面的实现
2019/06/14 Python
学习和使用python的13个理由
2019/07/30 Python
基于Python实现船舶的MMSI的获取(推荐)
2019/10/21 Python
pygame实现俄罗斯方块游戏(AI篇1)
2019/10/29 Python
python 定义类时,实现内部方法的互相调用
2019/12/25 Python
在TensorFlow中屏蔽warning的方式
2020/02/04 Python
ECCO爱步美国官网:来自丹麦的鞋履品牌
2016/11/23 全球购物
漫威玩具服装及周边商品官方购物网站:Marvel Shop
2019/05/11 全球购物
应届生妇产科护士求职信
2013/10/27 职场文书
教职工代表大会主持词
2014/04/01 职场文书
签订劳动合同通知书
2015/04/16 职场文书
公司车辆管理制度
2015/08/04 职场文书
二年级数学教学反思
2016/02/16 职场文书
浅谈Redis中的RDB快照
2021/06/29 Redis
PHP中多字节字符串操作实例详解
2021/08/23 PHP