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脚本函数库 方便开发
Oct 13 Javascript
11个用于提高排版水平的基于jquery的文字效果插件
Sep 14 Javascript
jquery取子节点及当前节点属性值的方法
Sep 09 Javascript
AngularJS的表单使用详解
Jun 17 Javascript
前端微信支付js代码
Jul 25 Javascript
懒加载实现的分页&&网站footer自适应
Dec 21 Javascript
JS 实现 ajax 异步浏览器兼容问题
Jan 21 Javascript
babel基本使用详解
Feb 17 Javascript
vue添加axios,并且指定baseurl的方法
Sep 19 Javascript
fastadmin中调用js的方法
May 14 Javascript
vue 实现tab切换保持数据状态
Jul 21 Javascript
html+vue.js 实现漂亮分页功能可兼容IE
Nov 07 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
当海贼王变成JOJO风
2020/03/02 日漫
PHP与MySQL开发的8个技巧小结
2010/12/17 PHP
php 中英文语言转换类代码
2011/08/11 PHP
ThinkPHP使用UTFWry地址库进行IP定位实例
2014/04/01 PHP
PHP中require和include路径问题详解
2014/12/25 PHP
PHP入门教程之面向对象的特性分析(继承,多态,接口,抽象类,抽象方法等)
2016/09/11 PHP
PHP 二维关联数组根据其中一个字段排序(推荐)
2017/04/04 PHP
PHP通过文件路径获取文件名的实例代码
2018/10/14 PHP
网页设计常用的一些技巧
2006/12/22 Javascript
ASP Json Parser修正版
2009/12/06 Javascript
『jQuery』.html(),.text()和.val()的概述及使用
2013/04/22 Javascript
javascript阻止浏览器后退事件防止误操作清空表单
2013/11/22 Javascript
深入理解JavaScript编程中的原型概念
2015/06/25 Javascript
JS对大量数据进行多重过滤的方法
2016/11/04 Javascript
nodejs服务搭建教程 nodejs访问本地站点文件
2017/04/07 NodeJs
AngularJS 控制器 controller的详解
2017/10/17 Javascript
Vue cli构建及项目打包以及出现的问题解决
2018/08/27 Javascript
详解vue如何使用rules对表单字段进行校验
2018/10/17 Javascript
关于Vue源码vm.$watch()内部原理详解
2019/04/26 Javascript
Vuex的实战使用详解
2019/10/31 Javascript
uni-app如何页面传参数的几种方法总结
2020/04/28 Javascript
vue+animation实现翻页动画
2020/06/29 Javascript
浅谈javascript事件环微任务和宏任务队列原理
2020/09/12 Javascript
简单上手Python中装饰器的使用
2015/07/12 Python
Python Flask前后端Ajax交互的方法示例
2018/07/31 Python
python绘制散点图并标记序号的方法
2018/12/11 Python
Django权限设置及验证方式
2020/05/13 Python
歌唱比赛获奖感言
2014/01/21 职场文书
公司廉洁自律承诺书
2014/03/27 职场文书
中队活动总结
2014/08/27 职场文书
综合素质自我评价评语
2015/03/06 职场文书
化工厂员工工作总结
2015/10/15 职场文书
初二物理教学反思
2016/02/19 职场文书
大学生入党自我鉴定范文
2019/06/21 职场文书
基于python制作简易版学生信息管理系统
2021/04/20 Python
「玫瑰之王的葬礼」舞台剧主视觉图公开
2022/03/21 日漫