jquery - [0] 在 jQuery 选择器中做了什么？

Question

var example = $("#myElement")[0];

相对

var example = $("#myElement");

有什么不同？这里发生了什么？每次选择后示例变量包含什么？

Answer 1

jQuery 对象（从$函数返回的值）是 DOM 元素的集合（“类数组”对象）。 $("#myElement")[0]从该数组中获取第一个元素，一个原生 DOM 元素。

你也可以这样做$("#myElement").get(0)。

Answer 2

$("#myElement")[0]选择选择器返回的第一个项目

$("#myElement")为您提供选择器返回的每个项目。

您在示例中使用了 id，因此您应该只拥有 1 个具有任何给定 id 的项目

但是，例如，如果您这样做

$('.test').hide()，它会用一类测试隐藏每个元素。

而$('.test')[0].hide()只会隐藏第一项