3、jQuery选择器全解析

jQuery选择器全解析

1. 相邻兄弟和通用兄弟选择器

在使用相邻兄弟组合器 (E + F) 和通用兄弟组合器 (E ~ F) 时，有一个重要的点需要考虑，那就是它们仅选择兄弟元素。

以下是一个HTML代码示例：

<div id="container">
  <ul>
    <li></li>
    <li></li>
  </ul>
  <p>
    <img/>
  </p>
</div>

• $('ul + p') 会选择 <p> 元素，因为它紧跟在 <ul> 之后，并且这两个元素有相同的父元素 <div id="container"> 。
• $('p + img') 不会选择任何元素，因为在DOM树中， <p> 比 <img> 高一级。
• $('li + img') 也不会选择任何元素，尽管 <li> 和 <img> 在DOM树中处于同一级别，但它们没