В чем разница между $.each(селектор) и $(селектор).each()

Описание:

.each — это итератор, который используется для перебора только коллекции объектов jQuery, а jQuery.each ($.each) — это общая функция для перебора объектов и массивов JavaScript.

Примеры

1) Использование $.each() функции

var myArray = [10,20,30];

$.each( myArray, function(index, value) {
   console.log('element at index ' + index + ' is ' + value);
});

//Output
element at index 0 is 10
element at index 1 is 20
element at index 2 is 30

2) Использование .each() метода

$('#dv').children().each(function(index, element) {
    console.log('element at index ' + index + 'is ' + (this.tagName));
    console.log('current element as dom object:' + element);
    console.log('current element as jQuery object:' + $(this));
});

//Output
element at index 0 is input
element at index 1 is p
element at index 2 is span

Ресурсы

• https://api.jquery.com/jquery.each/
• http://api.jquery.com/each/
• jQuery для циклического перебора элементов одного класса

из http://api.jquery.com/jQuery.each:

Функция $.each() отличается от функции .each(), которая используется исключительно для перебора объекта jQuery. Функцию $.each() можно использовать для перебора любой коллекции, будь то карта (объект JavaScript) или массив.

Вы действительно хотите использовать $.each с массивом, который не является элементом или чем-то еще. то есть:

var x = ["test", "test2"];

Вы бы использовали $.each(x... для обхода этого вместо x.each :)

.each только для элементов :)

Функциональной разницы нет. Каждый объект jQuery владеет методом .each(), унаследованным от jQuery.fn. Вызывая этот object method, jQuery уже знает, по какому Array (-like object) нужно выполнить итерацию. Другими словами, он перебирает indexed propertys из текущего объекта jQuery.

$.each(), с другой стороны, это просто «вспомогательный инструмент», который перебирает любые Array или Object, но, конечно, вы должны указать этому методу, какую цель вы хотите повторить.
Он также позаботится о том, вы передаете массив или объект, он делает правильную вещь, используя for-in или for loop под капотом.

Первый запустит функцию обратного вызова для элементов в коллекции, которую вы передали, но ваш код на данный момент синтаксически неверен для нее.

Должен быть:

$.each($('#myTable input[name="deleteItem[]"]:checked'), do_something);

См.: http://api.jquery.com/jQuery.each/

Второй запустит функцию для каждого элемента коллекции, на которой вы ее запускаете.

См.: http://api.jquery.com/each/.

В первом случае вы можете перебирать объекты jQuery, а также другие элементы массива, как указано здесь:

jQuery.each()

Во втором случае вы можете перебирать только объекты jQuery, как указано здесь:

.each()

Насколько я понимаю, $.each(); перебирает объект или массив и дает вам итератор и значение каждого элемента.

$().each(); перебирает список объектов jQuery и дает вам итератор и объект jQuery.

Взято с http://api.jquery.com/jQuery.each/

Функция $.each() отличается от функции .each(), которая используется исключительно для перебора объекта jQuery. Функцию $.each() можно использовать для перебора любой коллекции, будь то карта (объект JavaScript) или массив. В случае массива обратному вызову каждый раз передается индекс массива и соответствующее значение массива. (Значение также можно получить с помощью ключевого слова this, но Javascript всегда будет оборачивать это значение как объект, даже если это простое строковое или числовое значение.) Метод возвращает свой первый аргумент, объект, который был итерирован.