Die data-Methode

Die Methode data erlaubt es, Daten beliebigen Typs auf sichere Weise an DOM-Elemente zu binden, was Speicherlecks vermeidet. Wir können mehrere verschiedene Werte für ein Element setzen und sie später abrufen. Die Verwendung der Methode data zum Aktualisieren von Daten hat keine Auswirkungen auf Attribute im DOM.

Syntax

Auf diese Weise setzen wir einen Wert für ein Element und einen Schlüssel, mit dem es später gefunden werden kann:

.data(Schlüssel, Wert);

Wir können auch ein Objekt übergeben, das Schlüssel-Wert-Paare zum Aktualisieren der Daten enthält:

.data(Objekt);

Es ist möglich, die Daten abzurufen, die mit dem ersten Element in der jQuery-Sammlung verknüpft sind, indem nur der Schlüssel übergeben wird:

.data(Schlüssel);

Ohne Übergabe von Parametern können wir die zuvor mit den DOM-Elementen verknüpften Daten auslesen. Die Methode gibt ein JavaScript-Objekt zurück, das jeden Wert als Eigenschaft enthält:

.data();

Beispiel

Lassen Sie uns mit data Daten für das Tag p setzen, indem wir als ersten Parameter 'test' und den Wert 21 für den zweiten übergeben. Dann lesen wir die Daten aus, die unter dem Schlüssel 'test' gespeichert sind:

<p>text</p>

$('p').data('test', 21); // hier werden die Daten geschrieben

console.log($('p').data('test')); // gibt die Zahl 21 aus
console.log($('p').data()); // gibt das Objekt {test: 21} aus

Siehe auch

die Methode removeData,
die Daten aus einem Element entfernt
die Methode hasData,
die das Vorhandensein von Daten in einem Element überprüft
die Methode attr,
die das Abrufen und Ändern jedes Attributs eines Elements ermöglicht
die JavaScript-Eigenschaft dataset,
die das Hinzufügen eigener Attribute zu Tags ermöglicht