2021.12.13--jQuery--9.jQuery过滤方法

为了更加方便快速地操作元素,除了选择器之外,jQuery还为我们提供了以“方法”(类似于函数方法)形式存在的两种方式:过滤方法和查找方法。

9.1 jQuery过滤方法简介

在jQuery中,常见的过滤方法有以下5种。
(1)类名过滤:hasClass()

$().hasClass(“类名”)

(2)下标过滤:eq()

$().eq(n)

n是一个整数,从0开始。当取值为正整数时,eq(0)获取的是第1个元素,eq(1)获取的是第2个元素,……,以此类推。
当取值为负整数时,eq(-1)获取的是倒数第1个元素,eq(-2)获取的是倒数第2个元素,……,以此类推。
(3)判断过滤:is()
is()方法的常用做法。

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

(4)反向过滤:not()

$("li").not(function(){return $(this).text() == "jQuery";})

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

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

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

    <script>
  $(function () {
  $("li").filter(".select").css("color", "red");
        })
    </script>

1.选择器过滤
2、函数过滤

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值