:first選擇器選擇第一個(gè)匹配的DOM元素。
它通常與另一個(gè)選擇器一起使用,以選擇組中的第一個(gè)元素(如以下示例中所示)。
注意:: first選擇器只能選擇一個(gè)元素。
使用:first-child選擇器選取屬于其父元素的第一個(gè)子元素。
$(":first")
選擇第一段:
$(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è)試看看?/?