jQuery :first 选择器

jQuer 选择器

:first选择器选择第一个匹配的DOM元素。

它通常与另一个选择器一起使用,以选择组中的第一个元素(如以下示例中所示)。

注意:: first选择器只能选择一个元素。

使用:first-child选择器选取属于其父元素的第一个子元素。

语法:

$(":first")

实例

选择第一段:

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

选择第一个列表项:

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

选择第一行:

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

显示:first和:first-child选择器之间的区别:

$(document).ready(function(){
  $("#btn1").click(function(){
    $("p:first").css("background-color", "coral");
  });

  $("#btn2").click(function(){
    $("p:first-child").css("background-color", "lightgreen");
  });
});
测试看看‹/›

jQuer 选择器