jQuery中find和filter的区别
2012-02-13 15:57
405 查看
这是jQuery里常用的2个方法。
他们2者功能是完全不同的,而初学者往往会被误导。
现在有一个页面,里面HTML代码为;
<div >
<p class="rain">测试1</p>
</div>
<div class="rain">
<p>测试2</p>
</div>
①如果我们使用find()方法:
var result = $("div").find(".rain");
alert(result.html() ) ;
结果:测试1
②如果使用filter()方法:
var result = $("div").filter(".rain");
alert(result .html() );
结果:<p>测试2</p>
find()会在div元素内寻找class为rain 的元素,是对它的子集操作
filter()则是筛选div的class为rain的元素,是对它自身集合元素筛选
另外find()其实还可以用选择器表示:
var $select = $("div .rain");
明白他们的区别了吗?
原帖地址:http://www.cnblogs.com/qiantuwuliang/archive/2009/10/18/1585682.html
他们2者功能是完全不同的,而初学者往往会被误导。
现在有一个页面,里面HTML代码为;
<div >
<p class="rain">测试1</p>
</div>
<div class="rain">
<p>测试2</p>
</div>
①如果我们使用find()方法:
var result = $("div").find(".rain");
alert(result.html() ) ;
结果:测试1
②如果使用filter()方法:
var result = $("div").filter(".rain");
alert(result .html() );
结果:<p>测试2</p>
find()会在div元素内寻找class为rain 的元素,是对它的子集操作
filter()则是筛选div的class为rain的元素,是对它自身集合元素筛选
另外find()其实还可以用选择器表示:
var $select = $("div .rain");
明白他们的区别了吗?
原帖地址:http://www.cnblogs.com/qiantuwuliang/archive/2009/10/18/1585682.html
相关文章推荐
- 浅谈jQuery中find()与filter()两种方法联系与区别
- Jquery中的has、find、filter方法区别
- 基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
- jQuery源码分析之实例find和filter方法的区别七问
- jQuery中filter()和find()的区别
- 基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
- jQuery中filter()和find()的区别深入了解
- jquery中filter,children,find三者的区别?
- jQuery中find和filter的区别
- [jq]jquery的has,find和filter方法的区别
- 【jQuery】【转】jQuery中filter()和find()的区别
- 基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
- 基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
- jQuery中filter()和find()的区别深入了解
- jQuery中find()方法和filter()方法的区别
- 一个jquery的面试题(find()和filter方法有何区别)
- jQuery中find和filter的区别
- Jquery-find filter区别
- jQuery中filter()和find()的区别
- jQuery中filter()和find()和has()的用法区别