过滤选择器(基础)

:first 获取第一个元素 
:last 获取最后个元素 
:not(selector) 去除所有与给定选择器匹配的元素 
:even 匹配所有索引值为偶数的元素,从 0 开始计数 
:odd 匹配所有索引值为奇数的元素,从 0 开始计数 
:eq(index) 匹配一个给定索引值的元素 
:gt(index) 匹配所有大于给定索引值的元素 
:lt(index) 匹配所有小于给定索引值的元素 
:header 匹配如 h1, h2, h3 之类的标题元素 
:animated 匹配所有正在执行动画效果的元素

所有jquery查询返回的都是jquery对象,即dom对象的集合。不管返回值是一个还是多个都是这样

:first 获取第一个元素

语法:$("标签或属性:first")
获取到所指定的所有匹配元素中的第一个元素
在这里插入图片描述

:last 获取最后个元素

语法:$("标签或属性:last")
获取到所指定的所有匹配元素中的最后一个元素
在这里插入图片描述

:not(selector) 去除所有与给定选择器匹配的元素

语法:
$("选择器1:not(选择器2)")
选择器1先进行匹配,然后再在选择器1匹配到的元素中进行选择器2的匹配,然后再在选择器1匹配到的元素中剔除掉选择器2能匹配到的元素,然后返回选择器1匹配到的元素中剩下的元素



根据索引值查找对应元素

:even 匹配所有索引值为偶数的元素,从 0 开始计数
:odd 匹配所有索引值为奇数的元素,从 0 开始计数
:eq(index) 匹配一个给定索引值的元素
:gt(index) 匹配所有大于给定索引值的元素
:lt(index) 匹配所有小于给定索引值的元素
下面列举几个,未列举的大体类似

:even 匹配所有索引值为偶数的元素,从 0 开始计数

索引值:
即某同一类型的元素(比如同一标签、类名…)从上到下的,从0开始依次排序的序列称为索引
语法:
$("标签名或类名:even")
匹配所有索引值为偶数的元素,从 0 开始计数
返回值为匹配的dom对象集合
在这里插入图片描述

可以这么理解:
将所有符合标签名或者类名的对象都放入数组,然后抽取数字下标为偶数的留下,其他的剔除,然后再对这些偶数项的重新排序放在dom对象数组里面。

:odd 匹配所有索引值为奇数的元素,从 0 开始计数

语法:
$("标签名或类名:odd")
跟偶数的算法一样,不过这个是取奇数。详细的看上面偶数。

:eq(index) 匹配一个给定索引值的元素

语法:
$("标签名或者类名:eq(索引值)")
在这里插入图片描述

:header 匹配如 h1, h2, h3 之类的标题元素

语法:
$("h1或h2或h3...或.ID或.class:header)
在这里插入图片描述

:animated 匹配所有正在执行动画效果的元素

############################

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值