jquery 选择器

jquery的选择器：按照第几个进行选择


<p>
<b>1</b>
<b>2</b>
<b>3</b>
<b>4</b>
<b>5</b>
<b>6</b>
<b>7</b>
<b>8</b>
</p>
<p>
<b>OnlyMe</b>
</p>


alert($("p b:nth-child(2)").text()); 显示的是2
alert($("p b:nth-child(3)").text()); 显示的是3

<style>
.mystyle{color:blue}
</style>

$("p b:nth-child(even)").addClass("mystyle"); 偶数行的b变成蓝色
$("p b:nth-child(odd)").addClass("mystyle"); 基数行的b变成蓝色
$("p b:nth-child(3n+1)").addClass("mystyle"); 1，4，7的b变成蓝色 n从0开始
alert($("p b:first-child").text()); 显示的是1 第一个
alert($("p b:last-child").text()); 显示的是8 最后一个
alert($("p b:only-child").text()); 显示的是OnlyMe 单独的一个