Доброго времени суток. Мы продолжаем изучать jQuery — фреймворк JavaScript. Так, мы уже умеем выполнять подключение jQuery к проекту, познакомились с основами jQuery, рассмотрели методы выборки элементов в jQuery, остановились на фильтрах в jQuery, разобрали понятие цепной функции в jQuery . А в данной статье мы познакомимся с еще одним понятием в jQuery — понятие автоматических циклов. И уже после этого мы приступим к изучению самих методов взаимодействия с объектами jQuery.

Давайте представим такую ситуацию у нас в HTML коде есть десять div с классом example плюс куча других элементов. Теперь, наша задача выбрать из HTML кода все div с классом example и изменить их ширину. Как мы будем действовать? Правильно первое, что надо это выбрать эти div:

$('div.example');

Таким образом мы создадим jQuery объект, в котором будет находиться выборка из десяти div с классом example. Теперь у каждого элемента из выборки необходимо изменить ширину. Если бы мы пользовались чистым JavaScript, то нам пришлось бы делать цикл по перебору этих элементов. А разработчики jQuery позаботились об этом. Если мы применим к объекту какой-либо метод, то этот метод примениться ко всем элементам в этом объекте. В ядре jQuery уже заложен цикл по перебору всех элементов в объекте — автоматический цикл.

Понятие автоматического цикла в jQuery — это, если мы применим какой-либо метод к объекту jQuery, то будет вызван цикл по перебору элементов входящих в этот объект.

Теперь мы спокойно можем поменять ширину у наших элементов. За получение и изменение ширины в jQuery отвечает метод width. С методами мы познакомимся в следующей статье.

$('div.example').widht(200);

Тем самым мы изменили ширину на 200px у элементов div с классом example.

Как видите автоматический цикл по перебору элементов в jQuery существенно упрощает и ускоряет написание кода.