jquery选择器之过滤选择器

本文详细介绍了jQuery中的过滤选择器,包括:first、:last、:not(selector)等选择器的功能及使用方法。通过实例帮助读者更好地理解如何在一组元素中进行精确筛选。

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

1、jquery过滤选择器

    1.1、:first选择器。

    解释:选中匹配到的所有元素的第一个元素

    举例:$("div:first")

    文档中可能不止一个div元素,$("div")选中文档中所有的div元素,然后在这里面过滤出第一个div元素,返回给调用者,供其使用。

    1.2、:last选择器

    这个功能和:first选择器功能基本一样,差别是一个返回选中的第一个元素,一个返回选中的最后一个元素。

    1.3、:not(selector)选择器

    解释:去除所有与给定选择器匹配的元素
    举例:$("div:not(.mini)")

    首先选中文档中所有的div元素集A,然后选中类为mini的元素集B。返回A中不在B中的元素集

    1.4、:even选择器

    解释:even在这里是偶数的意思。所以这个选择器就是选中结果集中的偶数位置的元素。下标从0开始计数。

    1.5、:odd选择器

    解释:odd在这里是偶\奇数的意思。所以这个选择器就是选中结果集中的奇数位置的元素。下标从0开始计数。

    1.6、:ep(index)选择器

    解释:我们一般看到index就会想到数据的下标。这里这个选择的解释可以说和下标扯上一点关系。

    我们的选择选中一组结果集以后,我们想要第一个元素,index就等于几即可选中我们想要的元素。

    1.7、:gt(index)选择器

    解释:有了1.6的理解,在联想到gt代表的是代表大于的意思。所以就是选中下标大于index的所有元素。

    1.8、:lt(index)选择器

     解释:有了1.6的理解,在联想到lt代表的是代表小于的意思。所以就是选中下标小于index的所有元素。

    1.9、:header选择器

    解释:选取所有的标题元素。例如h1,h2,h3等

       2.0、:focus选择器

    解释:选中当前正在聚焦的元素。即获取焦点的元素

    
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值