為什么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)}

參考： 控制台表達式