: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選擇器之間的區(qū)別:
$(document).ready(function(){
$("#btn1").click(function(){
$("p:first").css("background-color", "coral");
});
$("#btn2").click(function(){
$("p:first-child").css("background-color", "lightgreen");
});
});測試看看?/?