JQuery的选择器

本文详细介绍了CSS中的各种选择器,包括:first, :last, :even, :odd等基本选择器,以及:first-child, :last-child, :nth-child(n)等更复杂的选择器,帮助读者更好地理解和使用这些选择器。

:first  $("p:first")  第一个p元素,很好理解

:last  $("p:last")  最后一个p元素

:even  $("tr:even")  所有的偶数<tr>元素

:odd  $("tr:odd")  所有的奇数<tr>元素

<<-------------------------------------------------------------------------------->>

:first-child  $("p:first-child")  属于其父元素的第一个子元素的所有<p>元素,这个<p>元素必须是第一个!

:first-of-type  $("p:first-of-type")  属于其父元素的第一个<p>元素的所有<p>元素,也就是说这个<p>元素相对其他类型的元素可以不是排第一的,但必须是在其同辈的<p>元素中排行第一!

:last-child  $("p:last-child")  同:first-child相反

:last-of-type  $("p:last-of-type")  同:first-of-type相反

<<-------------------------------------------------------------------------------->>

:nth-child(n)  $("p:nth-child(3)")  属于其父元素的第n个子元素的所有<p>元素,这个<p>元素必须是第n个!

:nth-last-child(n)  $("p:nth-last-child(3)")   和上相反

:nth-of-type(n)  $("p:nth-of-type(3)") 同first-of-type相似

:nth-last-of-type(n)  $("p:nth-last-of-type(3)")  和上相反

<<-------------------------------------------------------------------------------->>

:only-child  $("p:only-child")  属于其父元素中唯一的<p>元素,只有一个元素,并且这个元素是<p>元素

:only-of-type  $("p:only-of-type")   属于其父元素中特定类型的唯一子元素的所有<p>元素,就是说,只要这个父类元素中,只有一个<p>元素,有多少个其他类型的元素都可以。

转载于:https://www.cnblogs.com/johnnycoin/p/5395727.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值