Pro jQuery
Адам Фриман
Управление элементами
В этой главе я покажу, как использовать jQuery для работы с элементами, включая то, как получать и вставлять атрибуты, как использовать методы jQuery для работы с классами и свойствами CSS, как получать и вставлять текст и содержимое HTML. Также я расскажу вам о возможности связывать данные с элементами. У jQuery есть собственный внутренний механизм для хранения этих данных, но он также поддерживает атрибуты данных нового HTML5. В таблице 8-1 представлено краткое содержание этой главы.
Таблица 8-1: Краткое содержание главы
Задача | Решение | Листинг |
Получить значение атрибута первого элемента в объекте jQuery |
Использовать метод attr |
1 |
Получить значение атрибута каждого элемента в объекте jQuery |
Использовать вместе методы each и attr |
2 |
Вставить атрибуты для всех элементов в объекте jQuery |
Использовать метод attr , опционально с функцией |
3 |
Установить несколько атрибутов за одну операцию | Использовать метод attr с картой (объектом) |
4, 5 |
Удалить атрибут | Использовать метод removeAttr |
6 |
Получить и вставить свойство, определяемое объектом HTMLElement |
Использовать дополнение prop метода attr |
7 |
Управлять классами, к которым принадлежат элементы | Использовать методы addClass , hasClass и removeClass , опционально с функцией |
8, 9, 10 |
Переключение классов, к которым принадлежат элементы | Использовать метод toggleClass |
11, 12, 13, 14, 15, 16 |
Установить содержание атрибуту style |
Использовать метод css |
17, 18, 19, 20, 21 |
Получить информацию о позиции элементов | Использовать методы, работающие со специфическими свойствами CSS | 22, 23 |
Получить и вставить текст и HTML содержание элементов | Использовать методы text или html |
24, 25, 26 |
Получить и вставить значения элементов форм | Использовать метод val |
27, 28, 29 |
Связать данные с элементами | Использовать метод data |
30, 31 |
Работа с атрибутами и свойствами