data-metode

Die metode data laat jou toe om data van enige tipe aan DOM-elemente te koppel op 'n veilige manier, wat geheuellekke help voorkom. Ons kan verskeie verskillende waardes vir 'n element stel en dit later weer kry. Die gebruik van die metode data om data op te dateer het geen invloed op die attribute in die DOM nie.

Sintaksis

So stel ons 'n waarde vir 'n element, saam met 'n sleutel waarmee dit later gevind kan word:

.data(sleutel, waarde);

Ons kan ook 'n objek oorhandig wat sleutel-waarde-pare bevat om data op te dateer:

.data(objek);

Ons kan die data wat aan die eerste element in die jQuery-versameling gekoppel is, kry deur net die sleutel oor te dra:

.data(sleutel);

Deur geen parameters oor te dra nie, kan ons die data wat vroeër aan die DOM-elemente gekoppel is, uitlees. Die metode sal 'n JavaScript-objek terugstuur wat elke waarde as 'n eienskap bevat:

.data();

Voorbeeld

Kom ons stel data vir die p-tag met behulp van data, deur as eerste parameter 'toets' en waarde 21 as tweede oor te dra. Dan lees ons die data wat met die sleutel 'toets' gestoor is:

<p>teks</p>

$('p').data('toets', 21); // hier word data weggeskryf

console.log($('p').data('toets')); // sal die nommer 21 uitvoer
console.log($('p').data()); // sal die objek {toets: 21} uitvoer

Sien ook

die metode removeData,
wat data van 'n element verwyder
die metode hasData,
wat die teenwoordigheid van data in 'n element nagaan
die metode attr,
wat jou toelaat om enige element-attribuut te kry of te verander
die JavaScript-eienskap dataset,
wat jou toelaat om eie attribute by tags te voeg