jQuery中 filter()与find()的用法

简介:

这是jQuery里常用的2个方法。

他们2者功能是全然不同的,而刚开始学习的人往往会被误导。

首先 我们看.find()方法:
如今有一个页面,里面HTML代码为;
程序代码

 <p class="rain">测试1</p>


 <p>测试2</p>

假设我们使用find()方法:

var $find = $("div").find(".rain");
alert( $find.html() ) ;
将会输出:

假设使用filter()方法:

var $filter = $("div").filter(".rain");
alert( $filter.html() );
将会输出:

或许你已经看出它们的差别了。
find()会在div元素内 寻找 class为rain 的元素。
而filter()则是筛选div的class为rain的元素。
一个是对它的子集操作,一个是对自身集合元素筛选。

另外find()事实上还能够用选择器表示:

var $select = $("div .rain");
明确他们的差别了吗?

本文转自博客园知识天地的博客,原文链接:jQuery中 filter()与find()的用法 需转载请自行联系原博主。

相关文章
|
5月前
|
JavaScript
jQuery :nth-of-type(n)选择器的用法详解
jQuery中,:nth-of-type(n)选择器可以对selector选择器匹配选择到的所有HTML元素进行二次匹配选择,为了更好地阐述:nth-of-type(n)的语法,这里假设selector是一个元素p选择器,如此,:nth-of-type(n)可以用于匹配p元素选择器选择到的p元素指向的父元素中第n个类型为p的子元素,而且与p是否是该父元素的第n个子元素无关,比如
52 5
|
12月前
|
JavaScript 前端开发 API
【前端用法】jQuery在线引用地址(全)
【前端用法】jQuery在线引用地址(全)
1455 0
|
4月前
|
JavaScript 前端开发
必知的技术知识:jQuery中queue和dequeue的用法
必知的技术知识:jQuery中queue和dequeue的用法
17 0
|
12月前
|
缓存 前端开发 JavaScript
【前端用法】jquery获取当前页面的URL信息
【前端用法】jquery获取当前页面的URL信息
81 0
|
5月前
|
JavaScript 程序员
让我们一起抄代码,JQuery 用法整理
让我们一起抄代码,JQuery 用法整理
49 0
|
存储 JavaScript 前端开发
【前端每日一问002】jquery中each与data方法的用法与概念
【前端每日一问002】jquery中each与data方法的用法与概念
|
JavaScript
jQuery $.makeArray()方法的用法
jQuery $.makeArray()方法的用法
254 0
jQuery  $.makeArray()方法的用法
|
JavaScript 前端开发
jQuery $.inArray()方法的用法
在 jQuery 中,我们可以使用$.inArray()方法来判断某个值是否存在于数组中。
634 0
jQuery $.inArray()方法的用法
|
JavaScript
jQuery的addClass、siblings、removeClass、each、html、eq、show/hide用法
jQuery的addClass、siblings、removeClass、each、html、eq、show/hide用法
201 0
jQuery的addClass、siblings、removeClass、each、html、eq、show/hide用法
|
JavaScript
jQuery的用法
1. jQuery的引入2. jQuery的入口函数3. 小结
158 0