Data методу

data методу DOM элементтерине каалаган тилдеги маалыматтарды коопсуз жол менен байланыштырууга мүмкүндүк берет, бул эс жоготуулардан сактайт. Биз элемент үчүн бир нече ар кандай маанилерди коё алабыз жана кийинчерээк аларды ала алабыз. data методун маалыматтарды жаңыртуу үчүн колдонуу DOM атрибуттарына таасир этпейт.

Синтаксис

Биз кандайдыр бир элементке маани жана ачкычты мындайча коё алабыз, кийинчерээк аны табуу үчүн:

.data(ачкыч, маани);

Ошондой эле биз маалыматтарды жаңыртуу үчүн ачкыч-маани жуптарын камтыган объектти да өткөрө алабыз:

.data(объект);

Биринчи элемент менен байланышкан маалыматтарды, jQuery коллекциясында, ачкычты гана өткөрүп, алууга болот:

.data(ачкыч);

Эч кандай параметрлерди өткөрбөй, биз мурда DOM элементтери менен байланышкан маалыматтарды окуй алабыз. Метод ар бир маанини касиет катары камтыган JavaScript объектин кайтарат:

.data();

Мисал

Келгиле, data колдонуп, p теги үчүн маалыматтарды коёлу, биринчи параметр катары 'test' жана экинчиси үчүн 21 маанисин өткөрөбүз. Андан кийин 'test' ачкычы менен сакталган маалыматтарды окуйбуз:

<p>текст</p>

$('p').data('test', 21); // бул жерде маалымат жазылат

console.log($('p').data('test')); // 21 санын чыгарат
console.log($('p').data()); // {test: 21} объектин чыгарат

Ошондой эле караңыз

removeData методу,
элементтен маалыматтарды өчүрөт
hasData методу,
элементте маалыматтардын бар экендигин текшерет
attr методу,
элементтин каалаган атрибутун алууга жана өзгөртүүгө мүмкүндүк берет
JavaScript касиети dataset,
тегдерге өз атрибуттарыңызды кошууга мүмкүндүк берет