jQuery是一種流行的 JavaScript 庫(kù)，它簡(jiǎn)化了 HTML 文檔遍歷、事件處理、動(dòng)畫(huà)效果和 AJAX 操作等任務(wù)。在 jQuery 中，選擇器是一種強(qiáng)大的機(jī)制，它允許開(kāi)發(fā)人員通過(guò) CSS 樣式表語(yǔ)法來(lái)選擇 HTML 元素。

jQuert選擇器包括基本選擇器、層級(jí)選擇器、過(guò)濾器選擇器、屬性選擇器等，其中層級(jí)選擇器可以通過(guò)考慮元素在 HTML 中層次結(jié)構(gòu)的位置來(lái)選擇元素。在層級(jí)選擇器中，可以使用以下關(guān)系符：

（1）descendant selector 元素1元素2 相當(dāng)于：元素1內(nèi)的所有元素2。
（2）child selector 元素1 > 元素2 相當(dāng)于：元素1直接包含的所有元素2。
（3）adjacent sibling selector 元素1 + 元素2 相當(dāng)于：元素1后面緊跟的一個(gè)元素2。
（4）general sibling selector 元素1 ~ 元素2 相當(dāng)于：元素1后面所有的元素2。

例如：

<div id="parent">
<div id="child-1">This is the first child.</div>
<div id="child-2">This is the second child.</div>
</div>
<script>
// descendant selector
$("#parent div").css("border", "1px solid red");
// child selector
$("#parent > div").css("border", "1px solid blue");
// adjacent sibling selector
$("#child-1 + #child-2").css("border", "1px solid green");
// general sibling selector
$("#child-1 ~ div").css("background-color", "yellow");
</script>

通過(guò)層級(jí)選擇器，我們可以輕松地選擇指定父元素或子元素、相鄰元素或同級(jí)相鄰元素，從而實(shí)現(xiàn)更精細(xì)的元素選擇與操作。