Как получить значение атрибута с помощью jQuery. Метод .attr()

Как получить значение атрибута с помощью jQuery. Метод .attr()
5 (100%) 3 votes

Библиотека 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 для имен атрибутов в разметке должен использоваться нижний регистр, вы можете получить их, применяя любой вариант.


Об авторе

Занимаюсь программированием уже более 7 лет. Часто использую JavaScript (Node.js) и Python. Хобби - Квантовая механика и нейронные сети.

Комментарии