jquery find()和filter()的区别

最新推荐文章于 2021-11-29 17:04:28 发布
转载 最新推荐文章于 2021-11-29 17:04:28 发布 · 87 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://my.oschina.net/pulading1988/blog/272589
文章标签：

#javascript #python #前端 #ViewUI

本文通过一个具体实例，详细解释了jQuery中find()和filter()方法的功能和区别，帮助开发者理解如何在实际项目中选择合适的集合操作方法。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

find()是对它的子集操作，filter()对自身集合元素筛选

刚才在看Elleshop前端的js效果，发现一个filter()方法，心想怎么不用find()呢，查了一个两个函数的区别，文档上面是这么写的：

find(expr):搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法  

filter(expr):筛选出与指定表达式匹配的元素集合。这个方法用于缩小匹配的范围。用逗号分隔多个表达式


写了一个demo测试一下，

<html>

<head>

<script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">

    $(function(){

       alert($("p").find(".selected").html()); // find html

       alert($("p").filter(".selected").html()); // filter html

    });

</script>

</head>

<body>

<p>html</p>

<p><span class="selected">find html</span></p>

<p class="selected">filter html</p>

</body>

</html>


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


转载于:https://my.oschina.net/pulading1988/blog/272589

Jquery find与filter函数区别 说明
10-29
### Jquery `find` 与 `filter` 函数的区别 在jQuery中，`find` 和 `filter` 是两个非常常用的选择器方法，它们用于帮助开发者更精确地定位DOM树中的元素。下面将详细介绍这两个方法的功能、用法以及它们之间的区别...
jQuery中each()、find()和filter()等节点操作方法详解(推荐)
10-22
在本文中，我们将详细介绍jQuery中的三个非常重要的节点操作方法：each()、find()和filter()。 首先，让我们来探讨jQuery的each()方法。这个方法用于遍历jQuery对象集合，对每一个匹配的元素执行一个函数。each()...
Jquery中filter()与Find()区别
tangtiantian520的专栏
04-24 549
filter():过滤DOM元素包装集，是指操作当前元素集，删除不匹配的元素，得到一个新的集合  如： $('div').filter('.div1');//选择div标签中class属性为div1的div元素  find():在当前选中元素的上下文中找到符合条件的后代，返回的是子元素  如： $('div').find('em');//选择div标签中的em标签的元素 
jQuery find 和 filter 方法的区别
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
11-29 544
源代码： <!DOCTYPE html> <html> <head> </script> </head> <body class="jchartfx_body"> <div> <input type="radio" disabled id="html" name="fav_language" value="HTML"> <label for="html">HTML</label&
jQuery基础---filter()和find()
weixin_33800593的博客
10-18 194
这是jQuery里常用的2个方法。他们2者功能是完全不同的，而初学者往往会被误导。 首先 我们看.find()方法：现在有一个页面，里面HTML代码为;程序代码 &lt;div class="css"&gt;     &lt;p class="rain"&gt;测试1&lt;/p&gt;&lt;/div&gt;&lt;div class="rain"&gt;    
jQuery中find和filter的区别
web开发自学
02-13 233
这是jQuery里常用的2个方法。 他们2者功能是完全不同的，而初学者往往会被误导。 现在有一个页面，里面HTML代码为;&lt;div&gt; &lt;pclass="rain"&gt;测试1&lt;/p&gt;&lt;/div&gt; &lt;divclass="rain"&gt;&lt;p&gt;测试2&lt;/p&gt;&lt;/
jQuery中filter()和find()的区别深入了解
10-26
一直不是很清楚filter()方法和find()方法的区别，看jQuery Cookbook一书后，终于算是搞清楚了，下面将新的与大家分享下
解说jquery的has()方法以及与find()方法以及filter()方法的区别
大头爸爸的博客
10-31 3508
has(selector选择器或DOM元素)   将匹配元素集合根据选择器或DOM元素为条件，检索该条件在每个元素的后代中是否存在，将符合条件的的元素构成新的结果集。 下面举一个例子： list item 1 list item 2 alist item 2-a list item 2-b list item 3 list
Jquery中的has、find、filter方法区别
weixin_30478923的博客
09-19 115
find方法 find返回的是匹配结果集，作用于后代$(‘li’).find(‘.a’).css(‘background-color’, ‘red’);在li下面查找元素是否有class=a的元素，返回class=a的元素的集合。比如如下例子： <!DOCTYPE html> <html> <head> <script type="text/...
jQuery中filter（）和find（）之间的区别
一名可爱的技术搬运工
05-20 285
filter（）和find（）方法都非常相似，除了前者适用于所有元素，而后者仅搜索子元素。 要简单 filter（）–搜索所有元素。 find（）–仅搜索所有子元素。 jQuery filter（）vs find（）示例 <html> <head> <script type="text/javascript" src="jquery-1.3...
jquery方法find和filter的区别
li_orange520的博客
07-10 664
在写前端页面的时候，经常会用到jquery中的find方法来寻找我们想要的元素，那么jquery中还要一个方法filter也有筛选元素的功能，那么二者有何区别呢？举例说明：<div class="css"> <p class="test">我是find</p> </div> <div class="test"> <p>我是filter</p> </div> var $find =
jQuery之has()/find()/filter()
薰衣草PK向日葵的博客
03-12 954
1、has()方法 语法：.has(selector) 参数 描述 selector 字符串值，包含匹配元素的选择器表达式。 has()函数用于筛选出包含特定后代的元素（特定后代是指该元素至少有一个后代元素匹配指定的表达式），函数的返回值为jQuery类型，返回一个新的jQuery对象，该对象封装了当前jQuery对象的匹
JQuery--find与filter
weixin_34212189的博客
05-08 138
测试结果: 由测试可知: 　　.find()方法,找的是符合括号内选择器的,子子孙孙的后代标签. 　　.filter()方法,括号内不能用标签选择器, 因为它找的是符合括号内选择器的兄弟级的同名标签. 转载于:https://www.cnblogs.com/LL97155472/p/10834677.html...
jQuery中的find()与filter()
weixin_30593443的博客
09-25 140
这是jQuery里常用的2个方法。他们2者功能是完全不同的。 <div class="css"> <p class="rain">测试1</p> </div> <div class="rain"> <p>测试2</p> </div> 如果我们使用find(...
jQuery中filter()和find()和has()的用法区别
逸尘的专栏
03-12 7692
filter()、find()、has()是jquery中常用得三个函数，用法以及效果截然不同，对于初学者来说，往往分不清楚，关于三个函数的用法，简单解释一下。filter()方法-filter()过滤DOM元素包装集，是指操作当前元素集，删除不匹配的元素，得到一个新的集合。<ul> <li class="a">list item 1</li> <li>list item 2 <ul
【jquery】find() 方法,filter()方法和children()方法
weixin_30668887的博客
10-24 188
1,find() 方法 找到的是 所有的后代元素,即是子孙元素 2,filter()方法 这个方法通常会和find()方法比较.filter()方法 过滤的是集合本身.举个例子$('p').find('.tag'); $('p').filter('.tag'); 有什么区别呢,第一行语句是在p标签下面的子元素去找是否有类为tag的元素.返回的元素若不为...
jQuery的filter方法和find方法的（个人使用总结）
h_025的博客
03-08 1567
filter()过滤DOM元素包装集，是指操作当前元素集，删除不匹配的元素，得到一个新的集合 test1 test2 这个一个id为first的div test3测试 $("div").filter("#first").css("color","red"); $("div").filter("p").css("color","black");第二个不能设置，因为他访问
jQuery中filter()和find()的区别
赶路人儿
04-03 841
1、filter方法是对匹配元素进行筛选，而find方法是对匹配元素的后代元素进行筛选。 eg: 测试1 测试2 var $find = $("div").find(".rain"); alert( $find.html() ) ; 输出：测试2 var $filter = $("div").filter(".rain"); alert( $filter.ht
jquery find
07-28
jQuery的find()方法用于查找指定元素的后代元素。 使用方法如下： ``` $(selector).find(filter) ``` 其中，`selector`是要查找的父元素选择器，`filter`是一个可选参数，用于进一步筛选后代元素。 示例： 假设...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值