Metod data

Metod data har qanday turdagi ma'lumotlarni DOM elementlariga xavfsiz usulda bog'lash imkonini beradi, bu xotira oqimlarining oldini oladi. Biz element uchun bir nechta turli qiymatlarni o'rnatishimiz va ularni keyinroq olishimiz mumkin. Metod data dan ma'lumotlarni yangilash uchun foydalanish DOM dagi atributlarga ta'sir qilmaydi.

Sintaksis

Biz element uchun qiymatni shu tarzda o'rnatamiz, key va qiymat, keyinroq topish uchun:

.data(kalit, qiymat);

Shuningdek, biz ma'lumotlarni yangilash uchun kalit-qiymat juftliklarini o'z ichiga olgan obyektni uzatishimiz mumkin:

.data(obyekt);

Faqat kalitni uzatib, jQuery kolleksiyasidagi birinchi element bilan bog'liq ma'lumotlarni olish mumkin:

.data(kalit);

Hech qanday parametr uzatmasdan, biz ilgari DOM elementlari bilan bog'langan ma'lumotlarni o'qishimiz mumkin. Metod har bir qiymatni xususiyat sifatida o'z ichiga olgan JavaScript obyektini qaytaradi:

.data();

Misol

Keling, data yordamida p tegi uchun ma'lumotlarni o'rnataylik, birinchi parametr sifatida 'test' va ikkinchi parametr uchun 21 qiymatini uzatib. Keyin 'test' kaliti bilan saqlangan ma'lumotlarni o'qiymiz:

<p>matn</p>

$('p').data('test', 21); // bu yerda ma'lumotlar yoziladi

console.log($('p').data('test')); // 21 sonini chiqaradi
console.log($('p').data()); // {test: 21} obyektini chiqaradi

Shuningdek qarang

metod removeData,
bu elementdan ma'lumotlarni olib tashlaydi
metod hasData,
bu elementda ma'lumotlarning mavjudligini tekshiradi
metod attr,
bu elementning istalgan atributini olish va o'zgartirish imkonini beradi
JavaScript xususiyati dataset,
bu teglarga o'zingizning atributlaringizni qo'shish imkonini beradi