Метад data

Метад data дазваляе прывязваць даныя любога тыпу да DOM элементаў бяспечным спосабам, што дазваляе пазбегнуць ўцечак памяці. Мы можам усталяваць некалькі розных значэнняў для элемента і атрымаць іх пазней. Выкарыстанні метаду data для абнаўлення даных не ўплывае на атрыбуты ў DOM.

Сінтаксіс

Так мы ўсталёўваем значэнне для якога-небудзь элемента значэнне і ключ, па якому яго можна будзе знайсці пазней:

javascript.data(ключ, значэнне);

Таксама мы можам перадаць аб'ект, які змяшчае пары ключ-значэнне для абнаўлення даных:

javascript.data(аб'ект);

Можна атрымаць даныя, звязаныя з першым элементам у калекцыі jQuery, перадаўшы толькі ключ:

javascript.data(ключ);

Не перадаючы ніякіх параметраў, мы можам счытаць даныя раней звязаныя з DOM элементамі. Метад верне JavaScript аб'ект, які змяшчае кожнае значэнне ў выглядзе ўласцівасці:

javascript.data();

Прыклад

Давайце з дапамогай data ўсталюем даныя для тэга p, перадаўшы ў якасці першага параметра 'test' і значэнне 21 для другога. Затым счытаем даныя, захаваныя з ключом 'test':

html<p>text</p>
javascript$('p').data('test', 21); // тут даныя запісваюцца

console.log($('p').data('test')); // выведе лік 21
console.log($('p').data()); // выведе аб'ект {test: 21}

Глядзіце таксама

  • метад removeData,
    які выдаляе даныя з элемента
  • метад hasData,
    які правярае наяўнасць даных у элементе
  • метад attr,
    які дазваляе атрымаць і змяніць любы атрыбут элемента
  • JavaScript уласцівасць dataset,
    якое дазваляе дадаваць свае атрыбуты тэгам