结合选择器

考虑遵循 DOM 结构

<ul class="parentUl">
    <li> Level 1
        <ul class="childUl">
            <li>Level 1-1 <span> Item - 1 </span></li>
            <li>Level 1-1 <span> Item - 2 </span></li>
        </ul>
    </li>
    <li> Level 2
        <ul class="childUl">
            <li>Level 2-1 <span> Item - 1 </span></li>
            <li>Level 2-1 <span> Item - 1 </span></li>
        </ul>
    </li>
</ul>

后裔和儿童选择者

鉴于父母 <ul> - parentUl 找到它的后代（<li>），

1. 简单的 $('parent child')

   >> $('ul.parentUl li')

   这将使指定祖先的所有匹配后代都降低。

2. > - $('parent > child')

   >> $('ul.parentUl > li')

   这将找到所有匹配的子项（ 仅限第一级 ）。

3. 基于上下文的选择器 - $('child','parent')

   >> $('li','ul.parentUl')

   这与上面的 1.相同。

4. find() - $('parent').find('child')

   >> $('ul.parentUl').find('li')

   这与上面的 1.相同。

5. children() - $('parent').find('child')

   >> $('ul.parentUl').children('li')

   这与上面的 2.相同。

其他组合器

组选择器：“，”

选择所有 <ul> 元素和所有 <li> 元素和所有 <span> 元素：

$('ul, li, span')

倍数选择器：“”（无字符）

选择所有 <ul> 元素与 parentUl 类：

$('ul.parentUl')

相邻的兄弟选择器：“+”

选择紧跟在另一个 <li> 元素之后的所有 <li> 元素：

$('li + li')

一般兄弟选择器：“〜”

选择所有 <li> 元素作为其他 <li> 元素的兄弟元素：

$('li ~ li')