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