# Метод 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`,
  которое позволяет добавлять свои атрибуты тегам

←→
↑