Pro jQuery

Pro jQuery

Адам Фриман

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

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

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

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

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

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

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

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

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

Отключение JavaScript

Резюме

или RSS канал: Что новенького на smarly.net