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 相关文章推荐
8个超棒的学习 jQuery 的网站 推荐收藏
Apr 02 Javascript
JavaScript 在网页上单击鼠标的地方显示层及关闭层
Dec 30 Javascript
什么是Node.js?Node.js详细介绍
Jun 01 Javascript
jQuery插件Elastislide实现响应式的焦点图无缝滚动切换特效
Apr 12 Javascript
javascript实现简单查找与替换的方法
Jul 22 Javascript
jQuery实现文本框邮箱输入自动补全效果
Nov 17 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
Dec 17 Javascript
Node.js静态文件服务器改进版
Jan 10 Javascript
简单谈谈Vue 模板各类数据绑定
Sep 25 Javascript
vue.js路由跳转详解
Aug 28 Javascript
JavaScript时间与时间戳的转换操作实例分析
Dec 07 Javascript
微信小程序swiper禁止用户手动滑动代码实例
Aug 23 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集成FCK的函数代码
2008/09/27 PHP
php流量统计功能的实现代码
2012/09/29 PHP
PHP正则表达式入门教程(推荐)
2016/05/18 PHP
浅谈Laravel模板实体转义带来的坑
2019/10/22 PHP
根据分辨率不同,调用不同的css文件
2006/07/07 Javascript
使用Modello编写JavaScript类
2006/12/22 Javascript
JavaScript判断窗口是否最小化的代码(跨浏览器)
2010/08/01 Javascript
jQuery操作checkbox选择(list/table)
2013/04/07 Javascript
javascript中Math.random()使用详解
2015/04/15 Javascript
JavaScript中获取Radio被选中的值
2015/11/11 Javascript
基于WebUploader的文件上传js插件
2016/08/19 Javascript
easyui messager alert 三秒后自动关闭提示的实例
2016/11/07 Javascript
jquery 删除节点 添加节点 找兄弟节点的简单实现
2016/12/07 Javascript
jQuery实现淡入淡出的模态框
2017/02/09 Javascript
Bootstrap模态框插入视频的实现代码
2017/06/25 Javascript
JS仿QQ好友列表展开、收缩功能(第二篇)
2017/07/07 Javascript
详解VUE中v-bind的基本用法
2017/07/13 Javascript
Vue组件之全局组件与局部组件的使用详解
2017/10/09 Javascript
jQuery zTree 异步加载添加子节点重复问题
2017/11/29 jQuery
Vue2 轮播图slide组件实例代码
2018/05/31 Javascript
nodejs搭建本地服务器并访问文件操作示例
2019/05/11 NodeJs
js、jquery实现列表模糊搜索功能过程解析
2020/03/27 jQuery
uni-app实现获取验证码倒计时功能
2020/11/01 Javascript
详解Python2.x中对Unicode编码的使用
2015/04/03 Python
Python使用django获取用户IP地址的方法
2015/05/11 Python
python正则表达式爬取猫眼电影top100
2018/02/24 Python
selenium+python自动化测试之多窗口切换
2019/01/23 Python
简单了解python关系(比较)运算符
2019/07/08 Python
python中pygame安装过程(超级详细)
2019/08/04 Python
使用Pandas的Series方法绘制图像教程
2019/12/04 Python
英国外籍人士的在线超市:British Corner Shop
2019/06/03 全球购物
高中自我鉴定
2013/12/20 职场文书
CAD制图设计师自荐信
2014/01/29 职场文书
竞聘自述材料
2014/08/25 职场文书
军人离婚协议书样本
2014/10/21 职场文书
幼儿园大班毕业评语
2014/12/31 职场文书