jQuery :first-of-type 选择器

jQuer 选择器

:first-of-type选择器选择所有元素,这些元素是其父元素的特定类型的第一个子元素。

这与:nth-of-type(1)相同。

使用:last-of-type选择器可以选择所有属于父元素的特定类型的最后一个子元素的元素。

语法:

$(":first-of-type")

实例

选择属于其父级的第一个<p>元素的每个<p>元素:

$(document).ready(function(){
  $("p:first-of-type").css("background", "coral");
});
测试看看‹/›

选择所有<div>元素中的第一个<p>元素:

$(document).ready(function(){
  $("div p:first-of-type").css("background", "coral");
});
测试看看‹/›

jQuer 选择器