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 相关文章推荐
用于自动添加Digg This!按钮的JavaScript
Dec 23 Javascript
jQuery 性能优化手册 推荐
Feb 23 Javascript
window.open()实现post传递参数
Mar 12 Javascript
JS中字符串trim()使用示例
May 26 Javascript
javascript事件委托的方式绑定详解
Jun 10 Javascript
jQuery简单倒计时效果完整示例
Sep 20 Javascript
jQuery实现发送验证码并60秒倒计时功能
Nov 25 Javascript
JavaScript实现审核流程状态的动态显示进度条
Mar 15 Javascript
通过button将form表单的数据提交到action层的实例
Sep 08 Javascript
微信小程序 如何引入外部字体库iconfont的图标
Jan 31 Javascript
vue移动端UI框架实现QQ侧边菜单组件
Mar 09 Javascript
详解如何使用nvm管理Node.js多版本
May 06 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实现图片简单上传
2006/10/09 PHP
PHP实现类似题库抽题效果
2018/08/16 PHP
script标签的 charset 属性使用说明
2010/12/04 Javascript
button没写type=button会导致点击时提交
2014/03/06 Javascript
浅谈javascript语法和定时函数
2015/05/03 Javascript
JQuery勾选指定name的复选框集合并显示的方法
2015/05/18 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
2016/01/04 Javascript
JavaScript File API文件上传预览
2016/02/02 Javascript
浅谈JS继承_寄生式继承 & 寄生组合式继承
2016/08/16 Javascript
js对象浅拷贝和深拷贝详解
2016/09/05 Javascript
javascript实现用户点击数量统计
2016/12/25 Javascript
BootStrap fileinput.js文件上传组件实例代码
2017/02/20 Javascript
关于vue-router路径计算问题
2017/05/10 Javascript
vue如何获取点击事件源的方法
2017/08/10 Javascript
轻松搞定jQuery+JSONP跨域请求的解决方案
2018/03/06 jQuery
解决vue页面DOM操作不生效的问题
2018/03/17 Javascript
AngularJS实现动态切换样式的方法分析
2018/06/26 Javascript
详解JS转换数值函数Number()、parseInt()、parseFloat()
2018/08/24 Javascript
Vue项目数据动态过滤实践及实现思路
2018/09/11 Javascript
Vue 报错TypeError: this.$set is not a function 的解决方法
2018/12/17 Javascript
JavaScript实现Tab标签页切换的最简便方式(4种)
2020/06/28 Javascript
JS addEventListener()和attachEvent()方法实现注册事件
2021/01/11 Javascript
Python max内置函数详细介绍
2016/11/17 Python
cmd运行python文件时对结果进行保存的方法
2018/05/16 Python
Python BS4库的安装与使用详解
2018/08/08 Python
python-tornado的接口用swagger进行包装的实例
2019/08/29 Python
python遍历路径破解表单的示例
2020/11/21 Python
英国现代家具和装饰网站:PN Home
2018/08/16 全球购物
美国校服网上商店:French Toast
2019/10/08 全球购物
正隆泰信息技术有限公司上机题
2012/06/14 面试题
《李时珍夜宿古寺》教学反思
2014/04/09 职场文书
村委会贫困证明范本
2014/09/17 职场文书
解决Goland 同一个package中函数互相调用的问题
2021/05/06 Golang
MySQL官方导出工具mysqlpump的使用
2021/05/21 MySQL
Python异常类型以及处理方法汇总
2021/06/05 Python
SQL Server数据库查询出现阻塞之性能调优
2022/04/10 SQL Server