1. 子元素选择器

1) :first-child匹配第一个子元素，如下所示。

在每个 ul 中查找第一个 li

HTML 代码:

<ul>
<li>John</li>
<li>Karl</li>
<li>Brandon</li>
</ul>
<ul>
<li>Glen</li>
<li>Tane</li>
<li>Ralph</li>
</ul>

jQuery 代码:

$("ul li:first-child")

结果:

<li>John</li>, <li>Glen</li>

2) :last-child匹配最后一个子元素，如下所示。

在每个 ul 中查找最后一个 li

HTML 代码:

<ul>
<li>John</li>
<li>Karl</li>
<li>Brandon</li>
</ul>
<ul>
<li>Glen</li>
<li>Tane</li>
<li>Ralph</li>
</ul>

jQuery 代码:

$("ul li:last-child")

结果:

<li>Brandon</li>, <li>Ralph</li>