javascript - 为什么 jquery 选择器返回一个数组而不是元素本身？

Question

如果我有一些看起来像这样的标记:

<div class="box">
</div>

为什么执行 jquery 选择器$('.box') 返回数组中的元素？

我在控制台中得到的输出为:

[<div class="box"></div>]

而不是:

<div class="box"></div>

Answer 1

(有效)选择器不能保证匹配单个元素，但它可以保证代表一组可能的匹配元素

• 为空，
• 有一个元素，或者
• 有多个元素。

这个集合最好由包含零个或多个元素的集合对象来表示。

如果您的标记由多个 .box 元素组成，如果不是由这两个元素组成的集合，您希望 jQuery 返回什么？ document.querySelector() 的不同之处在于方法旨在返回每个规范的第一个匹配元素，这就是 document.querySelectorAll() 的原因> 存在(这是 jQuery 在默认其自己的实现之前在内部使用的)。