Почему $ ('. Classname') & document.getElementsByClassName ('classname') возвращает разные вещи?

Question

Почему $ ('. Classname') возвращает только один элемент, когда он эквивалентен javascript document.getElementsByClassname ('classname') возвращает массив элементов? Если это не эквивалент друг друга, что тогда? Как получить весь элемент, который имеет одно имя класса с помощью jQuery? Есть ли другой способ, кроме $ ('. Classname')? Например,

<tr> 
<td class="currentMonth">1</td> 
<td class="currentMonth">2</td> 
<td class="currentMonth">3</td> 
<td class="currentMonth">4</td> 
<td class="currentMonth">5</td> 

Если я использую document.getElementsByClassName ('currentMonth'), то я получить массив всех элементов, упомянутых выше.

[ <td class="currentMonth">1</td>, <td class="currentMonth">2</td>, <td class="currentMonth">3</td>, <td class="currentMonth">4</td>, <td class="currentMonth">5</td> ] 

Но с $('.currentMonth'), я вижу только один элемент.

Как я могу получить все элементы, используя $?

Answer 1

$('.classname') является объект JQuery, в то время как document.getElementsByClassname('classname') список DOM объекта

$('.classname') будут выбраны все элементы, совпадающий с классом claaname и сделать JQuery объект этого.

$('.classname').html("Whatever") удалит все элементы .classname.

Answer 2

$('.currentMonth') возвращает объект jQuery всех соответствующих элементов. Он завернут в путь jQuery, но он также возвращает все элементы. Вы можете получить элементы с помощью:

$('.currentMonth').each(function() { 
    this; // Here this refers to each of the matched element. 
}); 

В то время как document.getElementsByClassname('currentMonth') возвращает список DOM объектов.

Так, например, если я выполнения сценария, как это:

$('.currentMonth').html("Hello!"); 

Все <td> s будет изменен.

Answer 3

document.getElementsByClassname('classname') 

Вернуть NodeList объект, представляющий коллекцию элементов с указанным именем класса, используя браузеры встроенные методы, а методы $(".className") возврата JQuery объект, и вы можете использовать JQuery для манипулирования его

Explore More