Основы 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 |