jQuery
Атрибуты
Поиск…
замечания
Функция jQuery .attr() получает значение атрибута для первого элемента в наборе согласованных элементов или задает один или несколько атрибутов для каждого согласованного элемента.
Стоит отметить, что при получении значения атрибута он получает его только от первого элемента, который соответствует селектору (т.е. $("input").attr("type"); получит только тип первого ввода , если их больше одного)
Однако при настройке атрибута он будет применяться ко всем соответствующим элементам.
Получить значение атрибута элемента HTML
Когда один параметр передается функции .attr() он возвращает значение переданного атрибута для выбранного элемента.
Синтаксис:
$([selector]).attr([attribute name]);
Пример:
HTML:
<a href="/home">Home</a>
JQuery:
$('a').attr('href');
Получение атрибутов data :
jQuery предлагает функцию .data() для обработки атрибутов данных. .data возвращает значение атрибута data для выбранного элемента.
Синтаксис:
$([selector]).data([attribute name]);
Пример:
Html:
<article data-column="3"></article>
JQuery:
$("article").data("column")
Замечания:
Метод data () jQuery даст вам доступ к атрибутам data- *, НО, он сжимает случай имени атрибута. Ссылка
Установка значения атрибута HTML
Если вы хотите добавить атрибут к некоторому элементу, вы можете использовать функцию attr(attributeName, attributeValue) . Например:
$('a').attr('title', 'Click me');
В этом примере мы добавим текст курсора мыши "Click me" ко всем ссылкам на странице.
Эта же функция используется для изменения значений атрибутов.
Удаление атрибута
Чтобы удалить атрибут из элемента, вы можете использовать функцию .removeAttr(attributeName) . Например:
$('#home').removeAttr('title');
Это приведет к удалению атрибута title из элемента с идентификатором home .
Разница между attr () и prop ()
attr() получает / устанавливает атрибут HTML, используя функции DOM getAttribute() и setAttribute() . prop() работает, установив свойство DOM без изменения атрибута. Во многих случаях два являются взаимозаменяемыми, но иногда они нужны друг другу.
Чтобы установить флажок:
$('#tosAccept').prop('checked', true); // using attr() won't work properly here
Чтобы удалить свойство, вы можете использовать метод removeProp() . Аналогично removeAttr() удаляет атрибуты.