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和CSS模拟超链接的用户单击事件的实现代码
May 23 Javascript
JavaScript 中的日期和时间及表示标准介绍
Aug 21 Javascript
使用jquery中height()方法获取各种高度大全
Apr 02 Javascript
javascript中数组方法汇总
Jul 07 Javascript
js鼠标点击图片切换效果代码分享
Aug 26 Javascript
ajax+node+request爬取网络图片的实例(宅男福利)
Aug 28 Javascript
JavaScript中EventLoop介绍
Jan 22 Javascript
简述vue中的config配置
Jan 23 Javascript
在 Typescript 中使用可被复用的 Vue Mixin功能
Apr 17 Javascript
vue做移动端适配最佳解决方案(亲测有效)
Sep 04 Javascript
JS实现打砖块游戏
Feb 14 Javascript
js不常见操作运算符总结
Nov 20 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使用pdo连接sqlite3的配置示例
2016/05/27 PHP
php 反斜杠处理函数addslashes()和stripslashes()实例详解
2016/12/25 PHP
Laravel 微信小程序后端搭建步骤详解
2019/11/26 PHP
js注意img图片的onerror事件的分析
2011/01/01 Javascript
js模拟点击事件实现代码
2012/11/06 Javascript
Javascript中arguments对象详解
2014/10/22 Javascript
JavaScript简单下拉菜单特效
2016/09/13 Javascript
JS+html5 canvas实现的简单绘制折线图效果示例
2017/03/13 Javascript
js弹出窗口简单实现代码
2017/03/22 Javascript
微信小程序获取手机号授权用户登录功能
2017/11/09 Javascript
解决vue 更改计算属性后select选中值不更改的问题
2018/03/02 Javascript
Vue.js项目实战之多语种网站的功能实现(租车)
2019/08/07 Javascript
Openlayers实现距离面积测量
2020/09/28 Javascript
antd-DatePicker组件获取时间值,及相关设置方式
2020/10/27 Javascript
[03:54]DOTA2英雄梦之声_第06期_昆卡
2014/06/23 DOTA
python中的函数用法入门教程
2014/09/02 Python
使用Python的urllib和urllib2模块制作爬虫的实例教程
2016/01/20 Python
Python实现简易版的Web服务器(推荐)
2018/01/29 Python
Python KMeans聚类问题分析
2018/02/23 Python
对numpy中轴与维度的理解
2018/04/18 Python
python实现逆序输出一个数字的示例讲解
2018/06/25 Python
Python定时任务随机时间执行的实现方法
2019/08/14 Python
python如何保证输入键入数字的方法
2019/08/23 Python
Python过滤掉numpy.array中非nan数据实例
2020/06/08 Python
CSS3实现伪类hover离开时平滑过渡效果示例
2017/08/10 HTML / CSS
ET Mall东森购物网:东森严选
2017/03/06 全球购物
公司培训心得体会
2014/01/03 职场文书
清明节扫墓活动方案
2014/03/02 职场文书
经典广告词大全
2014/03/14 职场文书
土地转让协议书范本
2014/04/15 职场文书
教师见习期自我鉴定
2014/04/28 职场文书
小学感恩教育活动总结
2014/07/07 职场文书
2015社区健康教育工作总结
2015/05/20 职场文书
教师培训学习心得体会
2016/01/21 职场文书
《思路决定出路》读后感3篇
2019/12/11 职场文书
Python Django框架介绍之模板标签及模板的继承
2021/05/27 Python