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 相关文章推荐
Prototype Function对象 学习
Jul 12 Javascript
TimergliderJS 一个基于jQuery的时间轴插件
Dec 07 Javascript
多种方法判断Javascript对象是否存在
Sep 22 Javascript
用js控制组织结构图可以任意拖拽到指定位置
Jan 17 Javascript
JavaScript File API实现文件上传预览
Feb 02 Javascript
JS实现Select的option上下移动的方法
Mar 01 Javascript
实践中学习AngularJS表单
Mar 21 Javascript
使用BootStrap实现用户登录界面UI
Aug 10 Javascript
关于不同页面之间实现参数传递的几种方式讨论
Feb 13 Javascript
axios基本入门用法教程
Mar 25 Javascript
javascrpt密码强度校验函数详解
Mar 18 Javascript
解决vue项目本地启动时无法携带cookie的问题
Feb 06 Vue.js
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的正则处理函数总结分析
2008/06/20 PHP
PHP支持多种格式图片上传(支持jpg、png、gif)
2011/11/03 PHP
PHP中字符安全过滤函数使用小结
2015/02/25 PHP
CI框架中类的自动加载问题分析
2016/11/21 PHP
nodejs URL模块操作URL相关方法介绍
2015/03/03 NodeJs
jQuery检测返回值的数据类型
2015/07/13 Javascript
Jquery使用小技巧汇总
2015/12/29 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
2016/05/09 Javascript
详解jQuery中基本的动画方法
2016/12/14 Javascript
ionic2 tabs 图标自定义实例
2017/03/08 Javascript
JavaScript实现网页头部进度条刷新
2017/04/16 Javascript
解决webpack无法通过IP地址访问localhost的问题
2018/02/22 Javascript
node.js中fs文件系统目录操作与文件信息操作
2018/02/24 Javascript
Vue实现简单分页器
2018/12/29 Javascript
vue.js实现只能输入数字的输入框
2019/10/19 Javascript
javascript+css实现进度条效果
2020/03/25 Javascript
Vue执行方法,方法获取data值,设置data值,方法传值操作
2020/08/05 Javascript
vue-cli脚手架的.babelrc文件用法说明
2020/09/11 Javascript
nodejs中内置模块fs,path常见的用法说明
2020/11/07 NodeJs
Python实现的Kmeans++算法实例
2014/04/26 Python
python进阶教程之词典、字典、dict
2014/08/29 Python
用Python写脚本,实现完全备份和增量备份的示例
2018/04/29 Python
Django 创建/删除用户的示例代码
2019/07/24 Python
将pymysql获取到的数据类型是tuple转化为pandas方式
2020/05/15 Python
python 下划线的不同用法
2020/10/24 Python
Application Cache未缓存文件无法访问无法加载问题
2014/05/31 HTML / CSS
德国药房apodiscounter中文官网:德国排名前三的网上药店
2019/06/03 全球购物
Mountain Warehouse波兰官方网站:英国户外品牌
2019/08/29 全球购物
美德好少年主要事迹
2014/01/29 职场文书
《盘古开天地》教学反思
2014/02/28 职场文书
股份合作协议书范本
2014/04/14 职场文书
团代会宣传工作方案
2014/05/08 职场文书
护校行动方案
2014/05/31 职场文书
电子信息专业应届生自荐信
2014/06/04 职场文书
2014年纠风工作总结
2014/12/08 职场文书
2019如何书写演讲稿?
2019/07/01 职场文书