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的一个简单的脚本验证插件
Apr 05 Javascript
JSON无限折叠菜单编写实例
Dec 16 Javascript
JavaScript中String.match()方法的使用详解
Jun 06 Javascript
javascript控制层显示或隐藏的方法
Jul 22 Javascript
Javascript实现可旋转的圆圈实例代码
Aug 04 Javascript
javascript中sort排序实例详解
Jul 24 Javascript
Vue学习笔记进阶篇之单元素过度
Jul 19 Javascript
js数组实现权重概率分配
Sep 12 Javascript
JS动态修改网页body的背景色实例代码
Oct 07 Javascript
React操作真实DOM实现动态吸底部的示例
Oct 23 Javascript
详解微信小程序-扫一扫 wx.scanCode() 扫码大变身
Apr 30 Javascript
jquery 验证用户名是否重复代码实例
May 14 jQuery
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文件上传的例子及参数详解
2013/12/12 PHP
PHP 反射(Reflection)使用实例
2015/05/12 PHP
分享五个PHP7性能优化提升技巧
2015/12/07 PHP
js Form.elements[i]的使用实例
2011/11/13 Javascript
JavaScript从数组中删除指定值元素的方法
2015/03/18 Javascript
jQuery中closest和parents的区别分析
2015/05/07 Javascript
JavaScript数组的栈方法与队列方法详解
2016/05/26 Javascript
Bootstrap进度条与AJAX后端数据传递结合使用实例详解
2017/04/23 Javascript
JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍
2018/03/01 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
2019/02/19 jQuery
快速了解Vue父子组件传值以及父调子方法、子调父方法
2020/07/15 Javascript
[01:04:06]DOTA2上海特级锦标赛A组资格赛#2 Secret VS EHOME第一局
2016/02/26 DOTA
Python中动态获取对象的属性和方法的教程
2015/04/09 Python
python中返回矩阵的行列方法
2018/04/04 Python
Python3非对称加密算法RSA实例详解
2018/12/06 Python
django表单的Widgets使用详解
2019/07/22 Python
python实现代码统计程序
2019/09/19 Python
python之列表推导式的用法
2019/11/29 Python
在Python中实现函数重载的示例代码
2019/12/12 Python
pyenv虚拟环境管理python多版本和软件库的方法
2019/12/26 Python
Pycharm的Available Packages为空的解决方法
2020/09/18 Python
Python图像读写方法对比
2020/11/16 Python
CSS3 优势以及网页设计师如何使用CSS3技术
2009/07/29 HTML / CSS
SkinCeuticals官网:美国药妆品牌
2018/04/19 全球购物
Perfume’s Club英国官网:购买香水和护肤品
2019/11/02 全球购物
什么是封装
2013/03/26 面试题
应届生污水处理求职信
2013/11/06 职场文书
公司面试感谢信
2014/02/01 职场文书
奥利奥广告词
2014/03/20 职场文书
扩大国家免疫规划实施方案
2014/03/21 职场文书
战略合作意向书范本
2014/04/01 职场文书
英语教育专业毕业生求职信
2014/08/28 职场文书
区长工作作风个人整改措施
2014/10/01 职场文书
房地产工程部经理岗位职责
2015/04/09 职场文书
pytorch 预训练模型读取修改相关参数的填坑问题
2021/06/05 Python
MySQL的InnoDB存储引擎的数据页结构详解
2022/03/03 MySQL