Главная страница   /   8. Управление элементами (Pro jQuery

Pro jQuery

Pro jQuery

Адам Фриман

8. Управление элементами

В этой главе я покажу, как использовать 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

8.1. Работа с атрибутами и свойствами

8.2. Работа с классами

8.3. Работа с CSS

8.4. Работа с содержанием элемента

8.5. Работа с элементами form

8.6. Связывание данных с элементами

8.7. Резюме