我们什么时候比较JQuery中的DOM元素

Question

$('body > div').each(function() {
...
});

比较body > div提供了哪些功能？

这是对此问题的回答的一部分 Comparing DOM elements with jQuery 。 我想做类似的事情，但我无法理解通过比较两个DOM对象提供的功能。

Answer 1

这不是比较。这是一个child selector。它的作用是：

  

选择元素“child”指定的所有直接子元素   由“父母”指定。

所以，如果您有这样的HTML：

<div>
    <span>A span</span>
</div>
<div>
    <p>
        <span>A span</span>
    </p>
</div>

然后$("div > span")将选择第一个span，因为它是div的孩子，但它不会选择第二个，因为那是{{1}的孩子}。

请注意，删除子选择器并使用p将选择两个 $("div span")元素，因为它会查找后代的span元素的span，而不是孩子。

Answer 2

> CSS选择器未进行比较，它是子选择器。

更多信息here