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中apply方法的使用详细解析
Nov 04 Javascript
href下载文件根据id取url并下载
May 28 Javascript
JS实现双击编辑可修改状态的方法
Aug 14 Javascript
详解javascript遍历方式
Nov 11 Javascript
解决拦截器对ajax请求的拦截实例详解
Dec 21 Javascript
Vue2.x中的父组件传递数据至子组件的方法
May 01 Javascript
JS实现队列的先进先出功能示例
May 10 Javascript
Vue CLI3搭建的项目中路径相关问题的解决
Sep 17 Javascript
如何从头实现一个node.js的koa框架
Jun 17 Javascript
在Vue项目中使用Typescript的实现
Dec 19 Javascript
jQuery 隐藏/显示效果函数用法实例分析
May 20 jQuery
JavaScript实现H5接金币功能(实例代码)
Feb 22 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通过iconv将字符串从GBK转换为UTF8字符集
2011/07/18 PHP
浅析Yii2 GridView实现下拉搜索教程
2016/04/22 PHP
jquery全选/全不选/反选另一种实现方法(配合原生js)
2013/04/07 Javascript
js 设置缓存及获取设置的缓存
2014/05/08 Javascript
jQuery 1.9使用$.support替代$.browser的使用方法
2014/05/27 Javascript
jQuery实现文件上传进度条特效
2015/08/12 Javascript
js与jQuery实现checkbox复选框全选/全不选的方法
2016/01/05 Javascript
使用Web Uploader实现多文件上传
2016/06/08 Javascript
同步文本框内容JS代码实现
2016/08/04 Javascript
基于js中的原型、继承的一些想法
2016/08/10 Javascript
详解vue-validator(vue验证器)
2017/01/16 Javascript
如何写好你的JavaScript【推荐】
2017/03/02 Javascript
详解Vue路由钩子及应用场景(小结)
2017/11/07 Javascript
微信小程序的注册页面包含倒计时验证码、获取用户信息
2019/05/22 Javascript
vue控制多行文字展开收起的实现示例
2019/10/11 Javascript
解决在Vue中使用axios POST请求变成OPTIONS的问题
2020/08/14 Javascript
详解Python中内置的NotImplemented类型的用法
2015/03/31 Python
Python3中多线程编程的队列运作示例
2015/04/16 Python
python实现搜索本地文件信息写入文件的方法
2016/02/22 Python
python利用matplotlib库绘制饼图的方法示例
2016/12/18 Python
Linux-ubuntu16.04 Python3.5配置OpenCV3.2的方法
2018/04/02 Python
python中对_init_的理解及实例解析
2019/10/11 Python
Pycharm如何运行.py文件的方法步骤
2020/03/03 Python
python小白学习包管理器pip安装
2020/06/09 Python
解决PyCharm IDE环境下,执行unittest不生成测试报告的问题
2020/09/03 Python
用pushplus+python监控亚马逊到货动态推送微信
2021/01/29 Python
css3 旋转按钮 使用CSS3创建一个旋转可变色按钮
2012/12/31 HTML / CSS
城市观光通行证:The Sightseeing Pass
2018/04/28 全球购物
英国川宁茶官方网站:Twinings茶
2019/05/21 全球购物
开办饭店创业计划书
2013/12/28 职场文书
微信营销策划方案
2014/02/24 职场文书
小学教师自我鉴定范文
2014/03/20 职场文书
英文自荐信常用句子
2014/03/26 职场文书
关于感恩的演讲稿800字
2014/08/26 职场文书
放牛班的春天观后感
2015/06/01 职场文书
mysql sql常用语句大全
2022/06/21 MySQL