# 层级选择器

URL: https://caijiao.org/jquery/02-selectors/02-hierarchy-selectors
Source: docs/jquery/02-selectors/02-hierarchy-selectors.md
Description: 介绍 jQuery 层级选择器的用法，包括子元素选择器、后代选择器、兄弟选择器等，帮助开发者精准定位复杂 DOM 结构中的元素，提升操作效率。

jQuery 层级选择器允许根据元素的层级关系，精准选中页面中的目标元素，适用于复杂的 DOM 结构操作。

## 常见层级选择器

- **后代选择器（空格）**  
  选中某元素内所有符合条件的后代元素。
  ```js
  $("div p");
  ```

* **子元素选择器（>）**
  选中某元素的直接子元素。

  ```js
  $("ul > li");
  ```

* **相邻兄弟选择器（+）**
  选中紧跟在某元素后的同级元素。

  ```js
  $("h2 + p");
  ```

* **通用兄弟选择器（\~）**
  选中某元素后所有同级的指定元素。

  ```js
  $("h2 ~ p");
  ```

## 示例代码

[在线代码演示](/jquery/demos/4.html)