javascript - JQuery ID 选择器 - 这是什么行为

Question

根据 jQuery 文档

ID 选择器

描述：选择具有给定 id 属性的单个元素。

当你有这个标记

<div id="mydiv"></div>

你也是

alert($('#mydiv')); // displays "[Object]"

alert($('#mydiv')[0]); // displays "[HTMLDivElement]"

既然我们期望 1 个元素，那么数组符号的解释是什么？是什么让两者不同？

注意：当我们只期望一个时，我更关心为什么我们有 DIV 的数组/集合。

是[Object] = Array {HTMLDivElement}。的结构是[Object]什么？

Answer 1

$('#mydiv')//--> 显示[Object]，因为它是 jQuery 对象。

$('#mydiv')[0]//[HTMLDivElement]因为它是一个 DOM 元素所以显示

有一个很好的解释为什么它是一个数组https://stackoverflow.com/a/7183714/297641

Answer 2

下[0]标返回对 DOM 元素的裸引用，而不是包装为 jQuery 对象。

Answer 3

jQuery 将选择器包装在集合中。在您的情况下，您使用的是 ID。但是当你使用一个类时，可能会出现多个引用。请记住，这样做是为了在所有情况下都保持一致。