Метод data - запись и чтение данных в элементы
Метод data позволяет привязывать данные любого
типа к DOM элементам безопасным способом, что
позволяет избежать утечек памяти.
Мы можем установить несколько разных значений для
элемента и получить их позже.
Использовании метода data для обновления
данных не влияет на атрибуты в DOM.
Синтаксис
Так мы устанавливаем значение для какого-нибудь элемента значение и ключ, по которому его можно будет найти позже:
.data(ключ, значение);
Также мы можем передать объект, который содержит пары ключ-значения для обновления данных:
.data(объект);
Можно получить данные, связанные с первым элементом в коллекции jQuery, передав только ключ:
.data(ключ);
Не передавая никаких параметров, мы можем считать данные ранее связанные с DOM элементами. Метод вернет JavaScript объект, содержащий каждое значение в виде свойства:
.data();
Пример
Давайте с помощью data установим данные для
тега p, передав в качестве первого параметра
'test' и значение 21 для второго. Затем
считаем данные, сохраненные с ключом 'test':
<p>text</p>
$('p').data('test', 21); // здесь данные записываются
console.log($('p').data('test')); // выведет число 21
console.log($('p').data()); // выведет объект {test: 21}
Смотрите также
-
метод
removeData,
который удаляет данные из элемента -
метод
hasData,
который проверяет наличие данных в элементе -
метод
attr,
который позволяет получить и изменить любой атрибут элемента -
JavaScript свойство
dataset,
которое позволяет добавлять свои атрибуты тегам