Главная страница   /   11. Рефакторинг примера: Часть I (Pro jQuery

Pro jQuery

Pro jQuery

Адам Фриман

11. Рефакторинг примера: Часть I

В предыдущих примерах я показал вам каждую функциональную область изолированно, включая то, как работать с событиями, как манипулировать DOM и так далее. Реальная мощь и гибкость jQuery проявляются тогда, когда вы комбинируете эти возможности. В этой главе я собираюсь показать вам сочетание данных возможностей при помощи рефакторинга документа, примера цветочного магазина.

Все изменения, которые я делаю в этой главе, находятся в элементе script. Я не менял основной HTML в документе примере. Как и при использовании большинства возможностей jQuery, есть много различных путей достижения одинакового результата. Технические приемы, которые я использую в этой главе, затрагивают те части jQuery, которые мне нравятся больше всего, и отражают мое видение работы с DOM. Естественно, мыслить мы можем по-разному, и вы предпочитаете другие комбинации методов. Но это на самом деле не столь важно, и нет единственного правильного пути использования jQuery.

11.1. Обзор документа примера

11.2. Добавление дополнительной цветочной продукции

11.3. Добавление кнопок навигации для карусели

11.4. Работа с кнопкой Submit

11.5. Применение функций обработки событий для карусели

11.6. Подсчет выбранной продукции

11.7. Отключение JavaScript

11.8. Резюме