Библиотека jQuery представляет метод .attr(), который позволяет установить или получить значение атрибута элементов. Как мы видим один и тот же метод позволяет выполнить несколько действий — чтение и запись значение. Это типичное особенность jQuery. Другими словами метод .attr() работает в качестве геттера (метод чтения) и сеттера (метод записи).
Синтаксис метода .attr()
- .attr(name)
- Получает значение, присвоенное указанному атрибуту для первого элемента в соответствующем наборе.
- Параметры
- name — (Строка) Имя атрибута, значение которого должно быть взято.
- Возвращает
- Значение атрибута для первого соответствующего элемента. Значение undefined возвращается, если соответствующий набор пуст или в первом элементе нет данного атрибута.
Примеры использование метода .attr()
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>.attr()</title> </head> <body> <img src="image1.jpg" id="my_image" alt="image 1" data-custom="my image 1"> </body> </html>
Получение значение id элемента:
$('#my_image').attr('id');
Получение значение атрибута alt:
$('#my_image').attr('alt');
Также мы можем получить значение пользовательских атрибутов. Собственные атрибуты можно добавлять, если вы используете HTML5. Кроме всего прочего мы можем получить значение атрибута, которые добавление через JavaScript.
$('#my_image').attr('data-custom');
Имена атрибутов регистронезависимы в HTML. Независимо от того, как атрибут, например, title объявлен в разметке, можно получить атрибуты с помощью любого варианта из заданных: Title, TITLE, TiTlE и любых других комбинаций, они все эквивалентны. Хотя в XHTML для имен атрибутов в разметке должен использоваться нижний регистр, вы можете получить их, применяя любой вариант.
Комментарии