jQuery選擇器是一種強(qiáng)大的工具，可以讓你輕松地選擇HTML元素來(lái)操作。其中一種選擇器是層級(jí)選擇器，它允許您選擇嵌套在其他元素中的元素。下面我們來(lái)學(xué)習(xí)一下它的使用。

$(“ancestor descendant”)

這個(gè)選擇器會(huì)選擇所有指定后代元素。其中“ancestor”是祖先元素的選擇器，“descendant”是后代元素的選擇器。例如：

<div class=”ancestor”>
<p>這是祖先元素</p>
<div class=”descendant”>
<p>這是嵌套在祖先元素中的后代元素</p>
</div>
</div>
// 選擇嵌套在祖先元素中的后代元素
$(“.ancestor p”);

這里我們使用了“.ancestor p”選擇器，表示選擇所有嵌套在類名為“ancestor”的元素中的“p”元素。

$(“parent > child”)

這個(gè)選擇器會(huì)選擇指定父元素的直接子元素。其中“parent”是父元素的選擇器，“child”是子元素的選擇器。例如：

<ul class=”parent”>
<li>第一項(xiàng)</li>
<li>第二項(xiàng)</li>
<li class=”child”>第三項(xiàng)，嵌套在子元素中</li>
</ul>
// 選擇類名為“parent”的元素中的類名為“child”的子元素
$(“.parent > .child”);

這里我們使用了“.parent >.child”選擇器，表示選擇所有嵌套在類名為“parent”的元素中的類名為“child”的直接子元素。

現(xiàn)在你學(xué)會(huì)了層級(jí)選擇器的使用，它可以幫助你更加準(zhǔn)確地選擇HTML元素進(jìn)行操作。加油！