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 Plugin 插件的方法
Apr 20 Javascript
jQuery EasyUI API 中文文档 - Parser 解析器
Sep 29 Javascript
jQuery创建DOM元素实例解析
Jan 19 Javascript
ajax+jQuery实现级联显示地址的方法
May 06 Javascript
为何JS操作的href都是javascript:void(0);呢
Nov 12 Javascript
小程序开发实战:实现九宫格界面的导航的代码实现
Jan 19 Javascript
js图片延迟加载(Lazyload)三种实现方式
Mar 01 Javascript
Angular限制input框输入金额(是小数的话只保留两位小数点)
Jul 13 Javascript
Vue2.0用户权限控制解决方案
Nov 29 Javascript
VUE+elementui组件在table-cell单元格中绘制微型echarts图
Apr 20 Javascript
微信小程序实现导航栏和内容上下联动功能代码
Jun 29 Javascript
在Vue里如何把网页的数据导出到Excel的方法
Sep 30 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获取访问者IP地址汇总
2015/04/24 PHP
PHP模拟QQ登录的方法
2015/07/29 PHP
PHP简单获取网站百度搜索和搜狗搜索收录量的方法
2016/08/23 PHP
laravel实现上传图片并在页面显示的例子
2019/10/14 PHP
指定js可访问其它域名的cookie的方法
2007/09/18 Javascript
基于jquery的分页控件(C#)
2011/01/06 Javascript
js对象转json数组的简单实现案例
2014/02/28 Javascript
JavaScript利用正则表达式去除日期中的-
2014/06/09 Javascript
Nodejs中调用系统命令、Shell脚本和Python脚本的方法和实例
2015/01/01 NodeJs
js实现图片漂浮效果的方法
2015/03/02 Javascript
jQuery实现的简洁下拉菜单导航效果代码
2015/08/26 Javascript
jQuery与vue实现拖动验证码功能
2018/01/30 jQuery
30分钟快速入门掌握ES6/ES2015的核心内容(下)
2018/04/18 Javascript
bootstrap自定义样式之bootstrap实现侧边导航栏功能
2018/09/10 Javascript
微信小程序与公众号实现数据互通的方法
2019/07/25 Javascript
vue点击按钮实现简单页面的切换
2020/09/08 Javascript
[01:01:31]2018DOTA2亚洲邀请赛3月29日小组赛B组 Mineski VS paiN
2018/03/30 DOTA
[42:24]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第三场 11.27
2020/12/01 DOTA
python optparse模块使用实例
2015/04/09 Python
Python编程实现二分法和牛顿迭代法求平方根代码
2017/12/04 Python
学习Python3 Dlib19.7进行人脸面部识别
2018/01/24 Python
对Python3之进程池与回调函数的实例详解
2019/01/22 Python
python接口自动化测试之接口数据依赖的实现方法
2019/04/26 Python
聪明的粉丝购买门票的地方:TickPick
2018/03/09 全球购物
加拿大大码女装购物网站:Penningtons
2020/12/26 全球购物
实习护理工作自我评价
2013/09/25 职场文书
国际经济贸易专业推荐信
2013/11/06 职场文书
护士实习生自我鉴定范文
2013/12/10 职场文书
社区中秋节活动方案
2014/01/29 职场文书
模具设计与制造专业求职信
2014/07/19 职场文书
升国旗演讲稿
2014/09/05 职场文书
个人剖析材料及整改措施
2014/10/07 职场文书
单位员工收入证明样本
2014/10/09 职场文书
单位单身证明样本
2014/10/11 职场文书
撤诉书怎么写
2015/05/19 职场文书
观看安全警示教育片心得体会
2016/01/15 职场文书