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 26 Javascript
JavaScript中跨域调用Flash的方法
Aug 11 Javascript
javascript Array 数组常用方法
Apr 05 Javascript
Node.js+Express配置入门教程详解
May 19 Javascript
原生js实现class的添加和删除简单代码
Jul 12 Javascript
JavaScript奇技淫巧44招【实用】
Dec 11 Javascript
微信小程序 闭包写法详细介绍
Dec 14 Javascript
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
react-native-tab-navigator组件的基本使用示例代码
Sep 07 Javascript
详解Require.js与Sea.js的区别
Aug 05 Javascript
vue+elementUI实现图片上传功能
Aug 20 Javascript
Javascript ParentNode和ChildNode接口原理解析
Mar 16 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提交表单失败后如何保留已经填写的信息
2014/06/20 PHP
php版微信自动获取收货地址api用法示例
2016/09/22 PHP
php 基础函数
2017/02/10 PHP
PHP之认识(二)关于Traits的用法详解
2019/04/11 PHP
PHP For循环字母A-Z当超过26个字母时输出AA,AB,AC
2020/02/16 PHP
Draggable Elements 元素拖拽功能实现代码
2011/03/30 Javascript
Javascript创建自定义对象 创建Object实例添加属性和方法
2012/06/04 Javascript
Javascript中克隆一个数组的实现代码
2013/12/06 Javascript
AngularJS入门教程之学习环境搭建
2014/12/06 Javascript
jQuery中通过ajax的get()函数读取页面的方法
2016/02/29 Javascript
js解决movebox移动问题
2016/03/29 Javascript
jquery对象访问是什么及使用方法介绍
2016/05/03 Javascript
xmlplus组件设计系列之选项卡(Tabbar)(5)
2017/05/03 Javascript
详解如何使用vue-cli脚手架搭建Vue.js项目
2017/05/19 Javascript
微信小程序实现给嵌套template模板传递数据的方式总结
2017/12/18 Javascript
Postman参数化实现过程及原理解析
2020/08/13 Javascript
用Javascript实现发送短信验证码间隔功能
2021/02/08 Javascript
Python二分查找详解
2015/09/13 Python
Python温度转换实例分析
2018/01/17 Python
python针对不定分隔符切割提取字符串的方法
2018/10/26 Python
Python统计分析模块statistics用法示例
2019/09/06 Python
tensorflow dataset.shuffle、dataset.batch、dataset.repeat顺序区别详解
2020/06/03 Python
python中可以声明变量类型吗
2020/06/18 Python
详解Python 循环嵌套
2020/07/09 Python
Django如何使用asyncio协程和ThreadPoolExecutor多线程
2020/10/12 Python
美国维生素、补充剂、保健食品购物网站:Vitacost
2016/08/05 全球购物
IMPORT的选项IGNORE有什么作用?缺省是什么设置?
2015/09/17 面试题
cf战队收人口号
2014/06/21 职场文书
统计专业自荐书
2014/07/06 职场文书
党员转正申请报告
2015/05/15 职场文书
学风建设主题班会
2015/08/17 职场文书
python3 删除所有自定义变量的操作
2021/04/08 Python
详解CSS开发过程中的20个快速提升技巧
2021/05/21 HTML / CSS
Mysql数据库表中为什么有索引却没有提高查询速度
2022/02/24 MySQL
【海涛dota解说】一房久违的影魔魂守二连发
2022/04/01 DOTA
python神经网络Xception模型
2022/05/06 Python