: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"); }); });测试看看‹/›