Методи 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,
ки имкон медиҳад, ки атрибутҳои шахсиро ба тегҳо илова кунед