jquery获取css中的选择器(实例讲解)(3)

名称   说明   举例  
:nth-child(index/even/odd/equation)  

匹配其父元素下的第N个子或奇偶元素

':eq(index)' 只匹配一个元素，而这个将为每一个父元素匹配子元素。:nth-child从1开始的，而:eq()是从0算起的！

可以使用:
nth-child(even)
:nth-child(odd)
:nth-child(3n)
:nth-child(2)
:nth-child(3n+1)
:nth-child(3n+2)

  在每个 ul 查找第 2 个li:
$("ul li:nth-child(2)")  
:first-child  

匹配第一个子元素

':first' 只匹配一个元素，而此选择符将为每个父元素匹配一个子元素

  在每个 ul 中查找第一个 li:
$("ul li:first-child")  
:last-child  

匹配最后一个子元素

':last'只匹配一个元素，而此选择符将为每个父元素匹配一个子元素

  在每个 ul 中查找最后一个 li:
$("ul li:last-child")  
:only-child  

如果某个元素是父元素中唯一的子元素，那将会被匹配

如果父元素中含有其他元素，那将不会被匹配。

  在 ul 中查找是唯一子元素的 li:
$("ul li:only-child")  

您可能感兴趣的文章: