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下关于$.Ready()的分析
Dec 13 Javascript
javascript full screen 全屏显示页面元素的方法
Sep 27 Javascript
通过length属性判断jquery对象是否存在
Oct 18 Javascript
DIV始终居中的js代码
Feb 17 Javascript
js实现通用的微信分享组件示例
Mar 10 Javascript
Extjs的FileUploadField文件上传出现了两个上传按钮
Apr 29 Javascript
Javascript基础教程之break和continue语句
Jan 18 Javascript
JavaScript中的Repaint和Reflow用法详解
Jul 27 Javascript
javascript实现C语言经典程序题
Nov 29 Javascript
vue 项目接口管理的实现
Jan 17 Javascript
三步实现ionic3点击退出app程序
Sep 17 Javascript
jQuery+ThinkPHP实现图片上传
Jul 23 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 Session 变量的使用方法详解与实例代码
2013/09/11 PHP
php 判断过去离现在几年的函数(实例代码)
2016/11/15 PHP
php封装一个异常的处理类
2017/06/08 PHP
PHP简单实现欧拉函数Euler功能示例
2017/11/06 PHP
jquery提示 "object expected"的解决方法
2009/12/13 Javascript
精通JavaScript 纠正 cleanWhitespace函数
2010/03/11 Javascript
JavaScript等比例缩放图片控制超出范围的图片
2013/08/06 Javascript
js控制不同的时间段显示不同的css样式的实例代码
2013/11/04 Javascript
JavaScript中日期的相关操作方法总结
2015/10/24 Javascript
JS实现浏览器状态栏文字从右向左弹出效果代码
2015/10/27 Javascript
Bootstrap每天必学之js插件
2015/11/30 Javascript
noty ? jQuery通知插件全面解析
2016/05/18 Javascript
JavaScript学习笔记整理_setTimeout的应用
2016/09/19 Javascript
js中getBoundingClientRect的作用及兼容方案详解
2018/02/01 Javascript
微信小程序学习笔记之目录结构、基本配置图文详解
2019/03/28 Javascript
微信小程序开发常见问题及解决方案
2019/07/11 Javascript
bootstrap table插件动态加载表头
2019/07/19 Javascript
React+TypeScript+webpack4多入口配置详解
2019/08/08 Javascript
vue实现几秒后跳转新页面代码
2020/09/09 Javascript
python中文编码问题小结
2014/09/28 Python
python实现用户登录系统
2016/05/21 Python
Python列表生成式与生成器操作示例
2018/08/01 Python
python3 unicode列表转换为中文的实例
2018/10/26 Python
python远程连接MySQL数据库
2019/04/19 Python
python实现QQ批量登录功能
2019/06/19 Python
一个非常简单好用的Python图形界面库(PysimpleGUI)
2020/12/28 Python
CSS3 清除浮动的方法示例
2018/06/01 HTML / CSS
市优秀教师事迹材料
2014/02/05 职场文书
股份合作协议书
2014/04/12 职场文书
保安2014年终工作总结
2014/12/06 职场文书
学前班语言教学计划
2015/01/20 职场文书
慰问信格式
2015/02/14 职场文书
人事行政部各岗位职责说明书!
2019/07/15 职场文书
英语版自我评价,35句话轻松搞定
2019/10/08 职场文书
pycharm安装深度学习pytorch的d2l包失败问题解决
2022/03/25 Python
Oracle 11g数据库使用expdp每周进行数据备份并上传到备份服务器
2022/06/28 Oracle