jQuery孩子过滤选择器

:first-child Selector

选择的元素是其父元素中的第一个子元素

<script>    $("div span:first-child")        .css("text-decoration", "underline")        .hover(function () {              $(this).addClass("sogreen");            }, function () {              $(this).removeClass("sogreen");            });</script>

:last-child Selector

选择的元素是其父元素中的最后一个子元素

<script>    $("div span:last-child")        .css({color:"red", fontSize:"80%"})        .hover(function () {              $(this).addClass("solast");            }, function () {              $(this).removeClass("solast");            });</script>

:nth-child() Selector

选择的是其父元素中的第n个子元素

译者注：第几个子元素，是从1开始计算的。

<script>$("ul li:nth-child(2)").append("<span> - 2nd!</span>");</script>

:only-child Selector

选择的元素是其父元素中的唯一的子元素

<script>  $("div button:only-child").text("Alone").css("border", "2px blue solid");</script>