Метод 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,
у элементнинг istalgan атрибутини олиш ва ўзгартириш имконини беради
JavaScript хусусияти dataset,
у тегларга ўз атрибутларингизни қўшиш имконини беради