编辑这个页面须要登录或更高权限！

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 选择器

jQuery 事件jQuery 选择器