Изучаем jQuery. Часть 6. Понятие автоматических циклов
Доброго времени суток. Мы продолжаем изучать 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 существенно упрощает и ускоряет написание кода.
[…] «Изучаем jQuery. Часть 5. Понятие цепной функции» и «Изучаем jQuery. Часть 6. Понятие автоматических циклов» мы остановились на двух понятиях, которые […]