基于jquery的has()方法以及与find()方法以及filter()方法的区别详解

最新推荐文章于 2025-06-11 12:41:37 发布
原创 最新推荐文章于 2025-06-11 12:41:37 发布 · 153 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #ViewUI

本文详细阐述了jQuery中has()、find()、filter()及not()方法的区别与应用场景。has()用于查找后代元素并返回原集合；find()也用于查找后代元素但返回的是筛选后的后代集合；filter()则是在当前集合中查找符合特定条件的元素；not()用于排除集合中符合特定条件的元素。

原文：基于jquery的has()方法以及与find()方法以及filter()方法的区别详解

 

总结：

                     行为                          结果

  1. has()      查找后代元素            原集合符合条件的结果集
  2. find()      查找后代元素            筛选后代的集合
  3. filter()     查找本元素                原集合符合条件的结果集          
  4. not()       排除匹配元素            除去符合条件的结果集
jQuery has方法的使用指南
PixelLancer的博客
09-22 302
has方法是jQuery库提供的一个过滤器方法，它用于筛选出匹配元素集合中包含特定子元素的元素。其中，selector是要筛选的元素集合的选择器表达式，element是要检查的子元素的选择器表达式或DOM元素。has方法是jQuery库中用于筛选包含指定子元素的父级元素的方法。通过传递子元素的选择器表达式或DOM元素，我们可以很容易地进行筛选和操作。本文提供了详细的使用方法和示例代码，希望能帮助你更好地理解和应用has方法。
jQuery之has()/find()/filter()
薰衣草PK向日葵的博客
03-12 1006
1、has()方法 语法：.has(selector) 参数 描述 selector 字符串值，包含匹配元素的选择器表达式。 has()函数用于筛选出包含特定后代的元素（特定后代是指该元素至少有一个后代元素匹配指定的表达式），函数的返回值为jQuery类型，返回一个新的jQuery对象，该对象封装了当前jQuery对象的匹
jQuery :has() 选择器
我用键盘敲出一个世界
09-27 1736
选取所有包含有 元素在其内的 元素： $(“p:has(span)”)。 举例：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.mi
jQuery.has() 函数详解
极客神殿
09-02 2778
has()函数用于筛选出包含特定后代的元素，并以jQuery对象的形式返回。 特定后代是指该元素至少有一个后代元素匹配指定的表达式。 这里的表达式包括：选择器(字符串)、DOM元素(Element)、jQuery对象。 该函数属于jQuery对象(实例)。 语法 jQuery 1.4 新增该函数。 JavaScript: jQueryObject.has( expr ) 参数 参数 描述 expr String/Element/jQuery类型指定的表达式。 has()函数实际上是根据
[JQuery] find()、has()、filter()、siblings()
澪月
05-07 1326
&lt;ul&gt;     &lt;li&gt;list item 1&lt;/li&gt;     &lt;li&gt;list item 2&lt;/li&gt;     &lt;li class="findMe"&gt; &lt;div&gt;&lt;p&gt;pp&lt;/p&gt;&lt;/div&gt;&lt
JavaScript中filter、find与has方法详解及实例
本文标题《JS中filter、find、has用法[可运行源码]》明确指出了三个关键方法：`filter`、`find` 和 `has`，它们分别属于 JavaScript 数组原型（Array.prototype）和 jQuery 库中的常用方法。结合描述内容可知，文章...
3、jQuery DOM遍历方法详解
最新发布
night的博客
06-11 107
本文详细介绍了jQuery的DOM遍历方法，包括核心函数$()、过滤方法、树遍历方法以及杂项遍历方法。通过实际案例展示了如何使用这些方法构建动态导航菜单、表格行条纹和可折叠面板等交互效果，并提供了性能优化技巧。帮助开发者在复杂的HTML结构中更高效地选择和操作元素，提升网页的交互性和用户体验。
jQuery 遍历函数详解
10-23
在jQuery中，所有的选择器返回的都是一个对象数组，而遍历函数则是用来遍历这个对象数组的一系列方法。下面我们详细讲解这些jQuery遍历函数的知识点。 .add()函数用于将元素添加到jQuery对象集合中。这个函数可以将...
jQuery基础教程之is()方法和has() 方法
monkeyfly学前端
03-21 6614
Write By Monkeyfly 以下内容均为原创，如需转载请注明出处。 前提 昨天要实现一个功能：点击空白关闭弹窗。当时也不知道该怎么实现，于是就百度到了方法：关于点击空白关闭弹窗的js写法推荐？【可点击查看】 下面是被采纳的方法，代码实现如下： $(document).click(function(e){ var _con = $(' 目标区域 '); // ...
解说jquery的has()方法以及与find()方法以及filter()方法的区别
大头爸爸的博客
10-31 3529
has(selector选择器或DOM元素)   将匹配元素集合根据选择器或DOM元素为条件，检索该条件在每个元素的后代中是否存在，将符合条件的的元素构成新的结果集。 下面举一个例子： list item 1 list item 2 alist item 2-a list item 2-b list item 3 list
php li 选择器,jquery选择器排除某个DOM元素的方法（实例演示）
weixin_36118143的博客
03-09 196
搜索热词jquery选择器众多，使用选取某个DOM的方法有很多种，如何在选取的某个元素集上面做一些排除呢？下面通过几个实例说明：1.选择所有的img元素，排除class=PHPernote的元素的个数：$('img:not(.PHPernote)').length();//或者$('img').not('.PHPernote').length();2.获取id=PHPernote下面所有没有cla...
jQuery 查找方法
xiangxiongfly
12-22 875
查找祖先元素 parent() parents() parentsUntil() 查找后代元素 children() find() contents() 向前查找兄弟元素 prev() prevAll() prevUnitl() 向后查找兄弟元素 next() nextAll() nextUntil() 查找所有兄弟元素 siblings()
jQuery 遍历
work hard
02-17 327
向上遍历 DOM 树 这些 jQuery 方法很有用，它们用于向上遍历 DOM 树： parent()parents()parentsUntil() jQuery parent() 方法 parent() 方法返回被选元素的直接父元素。 该方法只会向上一级对 DOM 树进行遍历。 $(document).ready(function(){ $("span")
Jquery的filter，not，find和JS中的split，join
mmayanfa的专栏
09-25 1006
基本是find子元素找，filter是平级找 ·find 函数是在当前对象集合的子元素中进行查询; ·filter 函数是对当前对象集合进行过滤, 利用过滤条件缩小范围;
jQuery基础3-筛选（过滤、查找、串联）
qq_41772754的博客
03-02 699
jQuery筛选 1.过滤 eq(index|-index) // 获取集合中第[index]个元素，[-index]倒数。返回JQ对象 first() // 获取集合中第一个元素。返回JQ对象 last() // 获取集合中最后一个元素。返回JQ对象...
【jQuery】jQuery操作之如何查找元素_02
青春木鱼的博客
07-04 2134
本博客是对jQuery中常用的元素查找方法进行了详细的总结和介绍，过万字的梳理，倾情奉献给大家，需要的朋友可以参考下
jq :not判断，未选中，没有
大洋
07-13 1664
1、判断表格table没有某个属性的td table.find('td:not([data-yesexl])').addClass('ddd'); 2、查找所有未选中的 input 元素 $("input:not(:checked)")
JQuery查找子元素find()和遍历集合each的方法积累
热门推荐
Enable1234___的专栏
12-15 1万+
JQuery查找子元素find()和遍历集合each的方法积累
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值