jQuery :first 選擇器

jQuer 選擇器

:first選擇器選擇第一個(gè)匹配的DOM元素。

它通常與另一個(gè)選擇器一起使用,以選擇組中的第一個(gè)元素(如以下示例中所示)。

注意:: first選擇器只能選擇一個(gè)元素。

使用:first-child選擇器選取屬于其父元素的第一個(gè)子元素。

語(yǔ)法:

$(":first")

實(shí)例

選擇第一段:

$(document).ready(function(){
  $("p:first").css("background", "coral");
});
測(cè)試看看?/?

選擇第一個(gè)列表項(xiàng):

$(document).ready(function(){
  $("li:first").css("background", "coral");
});
測(cè)試看看?/?

選擇第一行:

$(document).ready(function(){
  $("tr:first").css("background", "coral");
});
測(cè)試看看?/?

顯示:first和:first-child選擇器之間的區(qū)別:

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

  $("#btn2").click(function(){
    $("p:first-child").css("background-color", "lightgreen");
  });
});
測(cè)試看看?/?

jQuer 選擇器

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清