浅谈jQuery中find()与filter()两种方法联系与区别
来源:互联网 发布:windows过期了会怎么样 编辑:程序博客网 时间:2024/06/11 19:22
首先,这两种方法都属于jQuery遍历函数方法,下面小编将分开浅谈一下这两种方法
find()方法
我们通过W3C手册了解到,find()方法的定义是获得当前元素集合中每个元素的后代,通过选择器、jQuery对象或元素来进行筛选的。
语法结构为: .find(selector)
参数:selector 参数描述为:字符串值,包含供匹配当前元素集合的选择器表达式。
filter()方法
filter()方法将匹配元素集合缩减为匹配指定选择器的元素。
语法结构为: .filter(selector)
参数描述为:字符串值,包含供匹配当前元素集合的选择器表达式。
下面我将通过一个实例来说明两者的区别于用法
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script src="js/jquery-1.9.0.min.js"></script><style type="text/css">div{width: 200px;height: 100px;border: 1px solid #ccc;}div p{width: 100px;height: 50px;margin: 10px auto;}</style></head><body><div><p class="rain">测试1</p></div><div class="rain"><p>测试2</p></div><script type="text/javascript">var $find=$("div").find(".rain");$find.css("background-color","red");var $filter=$("div").filter(".rain");$filter.css("background-color","blue");</script></body></html>
其运行结果如下图所示:
由此可见find()会在div元素内寻找class为rain的元素,是对子集进行操作
而filter()则是筛选div的class为rain的元素,是对自身集合元素进行筛选!
阅读全文
0 0
- 浅谈jQuery中find()与filter()两种方法联系与区别
- Jquery中filter()与Find()区别
- 在jquery中 filter()与find()之间的区别
- jQuery中 filter()与find()的用法
- find()与filter()区别
- 解说jquery的has()方法以及与find()方法以及filter()方法的区别
- 基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
- 浅谈jquery中,html、val与text三者属性取值的联系与区别
- 浅谈jquery中,html、val与text三者属性取值的联系与区别
- 浅谈jquery中,html、val与text三者属性取值的联系与区别
- 浅谈jquery中,html、val与text三者属性取值的联系与区别
- jQuery中find()方法和filter()方法的区别
- 基于jquery的 has() 、 find() 与 filter() 的区别
- Java中Filter与Servlet的区别和联系
- Java中Filter与Servlet的区别和联系
- Filter与Servlet的区别与联系
- Filter与Servlet的区别与联系
- Jquery中的has、find、filter方法区别
- 【】做题记录
- TUN/TAP设备浅析(一) -- 原理浅析
- BAT用户画像数据浅析
- dbadpter的分析
- 批量车源解析方案
- 浅谈jQuery中find()与filter()两种方法联系与区别
- 专题二 符号的技巧---- 9.接续符和转义符(\)
- Maven项目构建工具使用
- 03.java语言基础-参数的值传递机制-引用数据类型
- 特征选择初探
- 每日一学(四) android Handler原理分析
- C语言typedef:给类型起一个别名
- NVIDIA Jetson TX2 开箱上电
- Linux日常——信号(signal)