Изучаем jQuery. Часть 6. Понятие автоматических циклов

Ромчик
1

Уроки по jQuery

Доброго времени суток. Мы продолжаем изучать 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 существенно упрощает и ускоряет написание кода.

Понравилась статья? Поделись с друзьями.
  • Add to favorites
  • Добавить ВКонтакте заметку об этой странице
  • Twitter
  • Facebook
  • Мой Мир
  • LiveJournal
  • Одноклассники
  • Блог Я.ру
  • MySpace
  • FriendFeed
  • В закладки Google
  • Google Buzz
  • Яндекс.Закладки
  • Reddit
  • StumbleUpon
  • Technorati
  • del.icio.us
  • БобрДобр
  • LinkedIn
  • Memori.ru
  • Сто закладок
  • Blogger

  • Изучаем jQuery. Часть 7.2 Методы манипуляции над элементами | Все о WEB программировании - 02.07.2013 в 10:35

    […] «Изучаем jQuery. Часть 5. Понятие цепной функции» и «Изучаем jQuery. Часть 6. Понятие автоматических циклов» мы остановились на двух понятиях, которые […]

  • ©2012-2017 По всем вопросам обращайтесь через форму обратной связи

    Яндекс.Метрика