站长家园(原代码之家)(www.adminjie.com)网站源码,微信源码,游戏源码,商业源码分享平台。
当前位置:网站首页 技术文章 网络编程 正文

jquery用什么进行过滤

时间:2022-05-11 [网络编程]作者:fabuyuan 浏览:3 次

进行过滤的方法:1、使用“.hasClass("类名")”过滤类名;2、使用“.eq(n)”过滤下标;3、使用“.is(选择器)”过滤判断;4、使用“.not(选择器或函数)”反向过滤;5、使用“.filter(选择器或函数)”过滤表达式。

本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

jquery用什么进行过滤

jQuery 中,常见的过滤方法有以下 5 种:

1、类名过滤:hasClass();

类名过滤,指的是根据元素的 class 来过滤。在 jQuery 中,我们可以使用 hasClass() 方法来实现类名过滤。

语法:

$().hasClass("类名")

hasClass() 方法一般用于判断元素是否包含指定的类名:如果包含,则返回 true;如果不包含,则返回 false。

2、下标过滤:eq();

下标过滤,指的是根据元素集合的下标来过滤。在 jQuery 中,我们可以使用 eq() 方法来实现下标过滤。

语法:

$().eq(n)

n 是一个整数。当 n 取值为 0 或正整数时,eq(0) 获取的是第 1 个元素,eq(1) 获取的是第 2 个元素,……,以此类推。当 n 取值为负整数时,eq(-1) 获取的是倒数第 1 个元素,eq(-2) 获取的是倒数第 2 个元素,……,以此类推。

3、判断过滤:is();

判断过滤,指的是根据某些条件进行判断,然后选取符合条件的元素。在 jQuery 中,我们可以使用 is() 方法来实现判断过滤。

语法:

$().is(selector)

参数 selector 是一个选择器。is() 方法用于判断在当前选择的元素集合中是否存在符合条件的元素:如果存在,则返回 true;如果不存在,则返回 false。

is() 方法非常好用,能不能用好也直接决定你的代码是否高效。使用 jQuery 进行开发,没有做不到的,只有想不到的。下面列出的是 is() 方法的常用功能代码:

//判断元素是否可见
$().is(":visible")
//判断元素是否处于动画中
$().is(":animated")
//判断单选框或复选框是否被选中
$().is(":checked")
//判断当前元素是否为第一个子元素
$(this).is(":first-child")
//判断文本中是否包含jQuery这个词
$().is(":contains('jQuery')")
//判断是否包含某些类名
$().is(".select")

4、反向过滤:not();

在 jQuery 中,我们还可以使用 not() 方法来过滤“不符合条件”的元素,并且返回余下符合条件的元素。其中,not() 方法可以使用选择器来过滤,也可以使用函数来过滤。

语法:

$().not(selector或fn)

当 not() 方法参的数是一个选择器时,表示使用选择器来过滤不符合条件的元素,然后选取其余元素。当 not() 方法的参数是一个函数时,表示使用函数来过滤不符合条件的元素,然后选取其余元素。

5、表达式过滤:filter()、has()。

表达式过滤,指的是采用“自定义表达式”的方式来选取符合条件的元素。这种自定义表达式可以是选择器,也可以是函数。

在 jQuery 中,表达式过滤共有两个方法:一个是 filter() 方法,另一个是 has() 方法。

jQuery filter()方法

在 jQuery 中,filter() 方法是功能相当强大的过滤方法,它可以使用选择器来过滤,也可以使用函数来过滤。

1) 选择器过滤

选择器过滤,指的是使用选择器来选取符合条件的元素。

语法:

$().filter(selector)

参数 selector 是一个选择器。

2) 函数过滤

函数过滤,指的是根据函数的返回值来选取符合条件的元素。

语法:

$().filter(fn)

参数 fn 是一个回调函数。

filter() 方法非常强大,几乎把之前学过的过滤方法的功能都包含进去了。不过正是由于 filter() 方法内部封装的东西过多,导致运行速度非常慢。因此在实际开发中,建议大家优先考虑其他过滤方法,迫不得已时再用 filter() 方法。

jQuery has()方法

在 jQuery 中,表达式过滤除了可以使用 filter() 方法外,我们还可以使用 has() 方法。has() 方法虽然没有 filter() 方法那么强大,但是它的运行速度更快。

语法:

$().has(selector)

参数 selector 是一个选择器。

has() 方法与 filter() 方法功能相似,不过 has() 方法只能使用选择器来过滤,不能使用函数来过滤。因此我们可以把 has() 方法看成是 filter() 方法的精简版。

相关视频教程推荐:jQuery视频教程

以上就是jquery用什么进行过滤的详细内容,更多请关注站长家园其它相关文章!

本文标签:  jquery

转载请注明来源:jquery用什么进行过滤

本文永久链接地址:https://www.adminjie.com/post/12159.html

免责声明:
本站所发布的一切资源仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。

附:
二○○二年一月一日《计算机软件保护条例》第十七条规定:为了学习和研究软件内含的设计思想和原理,通过安装、显示、传输或者存储软件等方式使用软件的,可以不经软件著作权人许可,不向其支付报酬!鉴于此,也希望大家按此说明研究软件!

版权声明:
一、本站致力于为软件爱好者提供国内外软件开发技术和软件共享,着力为用户提供优资资源。
二、本站提供的部分源码下载文件为网络共享资源,请于下载后的24小时内删除。如需体验更多乐趣,还请支持正版。
三、我站提供用户下载的所有内容均转自互联网。如有内容侵犯您的版权或其他利益的,若有侵犯你的权益请:提交版权证明文件到邮箱 2225329873#qq.com(#换为@) 站长会进行审查之后,情况属实的会在三个工作日内为您删除。

  • 站长家园(原代码之家)会员升级
  • 最新文章
    • Excel怎么查找总和为某个值的组合

      Excel怎么查找总和为某个值的组合

      本篇文章给大家带来了关于excel的相关知识,其中主要介绍了关于如何使用函数寻找总和为某个值的组合的问题,下面一起来看一下,希望对大家有帮助。手机如何做表格:点...

    • jquery怎么取消单击事件

      jquery怎么取消单击事件

      3种方法:1、用“单击元素.unbind()”,可取消被选元素的全部单击事件。2、用“单击元素.off()”,可取消被选元素中用on()添加的单击事件。3、用“...

    • jquery怎么实现兄弟节点移除样式

      jquery怎么实现兄弟节点移除样式

      方法:1、用siblings()、next()等函数获取指定元素的兄弟节点,语法“指定元素.siblings()”;2、用removeClass()或remov...

    • jquery怎么实现点击翻转效果

      jquery怎么实现点击翻转效果

      实现方法:1、用“元素对象.click(function(){})”语句给指定元素绑定点击事件,并设置事件处理函数;2、在处理函数中,设置“元素对象.css("...

    • jquery怎么实现五秒自动隐藏

      jquery怎么实现五秒自动隐藏

      两种方法:1、“setTimeout(function(){指定对象.hide();},5000);”语句,通过设置定时器来实现延迟效果。2、用“指定对象.de...

    热门文章