jQuery是一种流行的 JavaScript 库，它简化了 HTML 文档遍历、事件处理、动画效果和 AJAX 操作等任务。在 jQuery 中，选择器是一种强大的机制，它允许开发人员通过 CSS 样式表语法来选择 HTML 元素。
jQuert选择器包括基本选择器、层级选择器、过滤器选择器、属性选择器等，其中层级选择器可以通过考虑元素在 HTML 中层次结构的位置来选择元素。在层级选择器中，可以使用以下关系符：
（1）descendant selector 元素1元素2 相当于：元素1内的所有元素2。（2）child selector 元素1 > 元素2 相当于：元素1直接包含的所有元素2。（3）adjacent sibling selector 元素1 + 元素2 相当于：元素1后面紧跟的一个元素2。（4）general sibling selector 元素1 ~ 元素2 相当于：元素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>通过层级选择器，我们可以轻松地选择指定父元素或子元素、相邻元素或同级相邻元素，从而实现更精细的元素选择与操作。
