Methode data

De methode data maakt het mogelijk om gegevens van elk type op een veilige manier aan DOM-elementen te koppelen, wat geheugenlekken voorkomt. We kunnen meerdere verschillende waarden voor een element instellen en deze later ophalen. Het gebruik van de methode data om gegevens bij te werken heeft geen invloed op de attributen in de DOM.

Syntaxis

Op deze manier stellen we een waarde in voor een element met een sleutel, waarmee het later kan worden teruggevonden:

.data(sleutel, waarde);

We kunnen ook een object doorgeven dat sleutel-waardeparen bevat om de gegevens bij te werken:

.data(object);

We kunnen de gegevens ophalen die aan het eerste element in de jQuery-collectie zijn gekoppeld door alleen de sleutel door te geven:

.data(sleutel);

Zonder parameters door te geven, kunnen we de eerder aan de DOM-elementen gekoppelde gegevens uitlezen. De methode retourneert een JavaScript-object dat elke waarde als een eigenschap bevat:

.data();

Voorbeeld

Laten we met data gegevens instellen voor de p-tag, door 'test' als eerste parameter door te geven en de waarde 21 als tweede. Vervolgens lezen we de gegevens uit die zijn opgeslagen onder de sleutel 'test':

<p>tekst</p>

$('p').data('test', 21); // hier worden de gegevens geschreven

console.log($('p').data('test')); // geeft het getal 21 weer
console.log($('p').data()); // geeft het object {test: 21} weer

Zie ook

methode removeData,
die gegevens uit een element verwijdert
methode hasData,
die controleert op de aanwezigheid van gegevens in een element
methode attr,
die het mogelijk maakt om elk attribuut van een element op te halen en te wijzigen
JavaScript-eigenschap dataset,
die het mogelijk maakt om eigen attributen aan tags toe te voegen