jQuery选择器之间的差异；祖先后裔；及；家长>；“儿童”；

以下两种形式的jQuery选择器似乎做了相同的事情：

• $（“部门>联邦邮政”）
• $（“部门邮政”）

即选择“div”元素下“posts”类的所有“ul”元素

---

有什么区别吗？

第一个只选择父节点为div的ul.posts

第二个方案还将选择：

<div>
    <blockquote>
        <ul class="posts"></ul>
    </blockquote>
</div>

关于

$（“div>ul.posts”）

，将只选择

div

s的直接后代

<div>
    <ul class="posts"> <!--SELECTED-->
        <li>List Item</li>
        <ul class="posts"> <!--NOT SELECTED-->
            <li>Sub list item</li>
        </ul>
    </ul>

    <fieldset>
        <ul class="posts"> <!--NOT SELECTED-->
            <li>List item</li>
        </ul>
    </fieldset>

    <ul class="posts"> <!--SELECTED-->
        <li>List item</li>
    </ul>
</div>

列表项

分项



列表项


列表项

而

$（“div ul.posts”）

将选择与条件匹配的所有子体。因此，所有和任何

ul.posts

都将被选中，无论它们的嵌套级别如何，只要在链的某个位置，它们都位于

div

中。所以“祖先-后代”指的是父项下的所有指定元素，不管嵌套有多深

---

虽然“parent-child”仅指第一个指定的元素，即使它再次出现在parent下的其他地方，我只是在这里添加一个熟悉的引用。我意识到这是在最初的问题之后的几年，但它出现在谷歌的第一页上，也许这会帮助其他人

---

想想现实世界中的祖先和父母。父母和孩子总是相隔一代，但祖先和他们的后代可能相隔数百年。

符号有助于象征父母与子女之间的直接关系

抱歉删除，该评论不再相关；）我只是很惊讶你能删除它。看起来你可以删除你自己帖子下的评论，新闻给我！当心。我希望jQuery文档像这样清晰。谢谢