jQuery中filter和find

作者: invokor | 来源:发表于2017-01-11 15:48 被阅读0次

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

他们2者功能是完全不同的，而初学者往往会被误导。

现在有一个页面，里面HTML代码为;

测试1

测试2

①如果我们使用find()方法：

var result = $("div").find(".rain");

alert(result.html() ) ;

结果:测试1

②如果使用filter()方法：

var result = $("div").filter(".rain");

alert(result .html() );

结果:

测试2

find()会在div元素内寻找class为rain 的元素，是对它的子集操作

filter()则是筛选div的class为rain的元素，是对它自身集合元素筛选

另外find()其实还可以用选择器表示:

var $select = $("div .rain");

jQuery中filter和find
这是jQuery里常用的2个方法。他们2者功能是完全不同的，而初学者往往会被误导。现在有一个页面，里面HTML...
jQuery 父、子、兄弟节点查找方法
jQuery.find(expr)跟jQuery.filter(expr)完全不一样，jQuery.filter(...
JQuery | find vs filter
之前发在我的CSDN博客中，现在搬到简书上来。 find(selector)：查找当前元素的后代元素。filter...
jQuery find 和 filter 方法的区别
源代码： filter: find：找不到数据：更多Jerry的原创文章，尽在："汪子熙":
web面试总结-JavaScript
面试总结1: JavaScript 1.find和filter有何区别 find和filter都是需要回调函数的，...
map,filter,reduce,every,some,fin
Array中的map,filter,reduce,every,some,find,findIndex等方法首先说...
初识jQuery之jQuery方法（二）
1.jQuery方法之filter，not，has filter : 过滤 not : filter的反义词 ha...
jquery快速实现全局搜索表格内容
如何实现对表格数据内容的快速筛选和查找呢？jquery中的filter和contains共同使用可以快速实现了这个...
JQuery的过滤filter()方法
和函数式编程的map、filter类似，jQuery对象也有类似的方法。 filter()方法可以过滤掉不符合选择...
原生JS模拟出jquery的find()方法（简单递归）
jQuery中的find()函数可以在给定的父元素中，获得当前父元素下指定的子元素集合。关于find()的具体使用...