为什么jQuery类选择器只返回一个元素？

Question

该文档中的类有多个div。

从控制台中可以看到， document.getElementsByClassName产生：

document.getElementsByClassName('current-pad-o')
HTMLCollection (2) = $8
0 <div class="red current-pad-o"> first value </div>
1 <div class="red current-pad-o"> second value </div>

和具有相同类选择器的jquery产生：

$('.current-pad-o')
// (the first div only - no collection)
<div class="red current-pad-o"> first value </div>

我希望也从jquery语句的集合。 这些都是在Safari和Firefox中输出的。

根据jQuery Class Selector文档 ，第二个选择器选择具有给定类的所有元素 。

为什么jquery只返回一个而不是一个集合？

Answer 1

您没有jQuery，正在使用调试器的document.querySelector()快捷方式。 如果使用$$('.current-pad-o') ，则可以全部使用。

要验证您没有使用jQuery，请在命令行中输入以下内容：

console.log($)

对于querySelector，您将看到以下内容：

function $(selector, [startNode]) { [Command Line API] }

对于jQuery，您将看到以下内容：

function (a,b){return new n.fn.init(a,b)}

参考： 控制台表达式