Главная страница   /   5. Основы jQuery (Pro jQuery

Pro jQuery

Pro jQuery

Адам Фриман

5. Основы jQuery

В этой главе мы создадим наш первый jQuery скрипт. Этот скрипт простой, но в нем наглядно представлены большинство из наиболее важных характеристик jQuery, включая то, как выбираются элементы в документе, как такая выборка выглядит, а также характер отношений между jQuery и встроенным DOM API, который является частью спецификации HTML. В таблице 5-1 представлено краткое содержание этой главы.

Таблица 5-1: Краткое содержание главы
Задача Решение Листинг
Добавить jQuery в HTML документ Использовать элемент link для импортирования jQuery элемента, ссылаясь на библиотеку либо на веб сервере, либо на CDN. Добавить элемент script для определения скрипта jQuery 1, 2
Выбрать элементы в документе Вставить CSS селектор в функции $ или jQuery 3, 10
Переименовать $ функцию Использовать метод noConflict 4, 5
Отсрочить исполнение скрипта jQuery, пока не загрузился документ Зарегистрировать обработчик для события ready в глобальной переменной document или вставить функцию в $ функцию 6, 7, 8
Перехватить управление, когда сработает событие ready Использовать событие holdReady 9
Ограничить выбор элемента частью документа Добавить содержание в функцию $ 11, 12
Определить селектор, использованный для создания объекта jQuery Прочитать свойство selector 13
Определить содержание, использованное для создания объекта jQuery Прочитать свойство context 14
Создать объект jQuery из HTMLElement объектов Добавить объекты в качестве аргументов в $ функцию 15
Перечислить содержание объекта jQuery Рассматривать объект jQuery в качестве массива или использовать метод each 16, 17
Найти конкретный элемент в объекте jQuery Использовать методы index или get 18, 19, 20
Произвести операцию с несколькими элементами в документе Использование метода jQuery в объекте jQuery 21
Произвести несколько операций с объектом jQuery Вызвать цепочку методов 22, 23
Обработать событие Использовать один из методов обработки событий jQuery 24

5.1. Настройки jQuery

5.2. Первый jQuery скрипт

5.3. $ функция jQuery

5.4. Ожидание DOM

5.5. Выбор элементов

5.6. Результаты выборки

5.7. Изменение нескольких элементов и вызов цепочки методов

5.8. Обработка событий

5.9. Резюме