jQuery-Sonderfunktion data()

jQuery Sonstige Methoden

Die data()-Methode speichert beliebige Daten im ausgewählten Element oder liest Daten davon ab.

wenn das data()-Methoden verwendet wirdAbrufenDaten zurückgeben, wenn das data()-Methoden verwendet wirdErstes ausgewähltes ElementDaten.

wenn das data()-Methoden verwendet wirdgespeichertDaten werden inAlle ausgewählten Elemente。

Um Daten zu löschen, verwenden SieremoveData()Methode.

Syntax:

Gespeicherte Daten des ausgewählten Elements zurückgeben:

$(selector).data(key)

Daten im gewählten Element speichern:

$(selector).data(key,　value)

Daten werden als Objekt in das gewählte Element gespeichert:

$(selector).data(key,　object)

Beispiel

Daten aus dem ersten Listenelement abrufen:

$("#btn1").click(function(){
　　alert($("li").data("price"));
});

Daten werden in das DIV-Element gespeichert und abgerufen:

//　Daten speichern
$("#btn1").click(function(){
　　$("div").data("msg",　"Hello　World");
});
//　Daten abrufen
$("#btn2").click(function(){
　　$("div").text($("div").data("msg"));
});

Daten werden in das DIV-Element als Objekt gespeichert und abgerufen:

$("button").click(function(){
　　$("div").data("test",　{first:　16,　last:　"pizza!"});
　　$("span:first").text($("div").data("test").first);
　　$("span:last").text($("div").data("test").last);
});

Durch Knopfdruck die "Datenvideo"-Eigenschaft abrufen:

$("#videoModal").on("show.bs.modal",　function(event)　{
　　let　button　=　$(event.relatedTarget);　//　Der Schalter, der das Modale auslöst
　　let　url　=　button.data("video");　　//　Von den Daten-URL aus den Videoeigenschaften extrahieren
　　$(this).find("iframe").attr({
　　　　src　:　url,
　　　　allow　:　"accelerometer;　autoplay;　encrypted-media;　gyroscope;　picture-in-picture"
　　});
});

Parameterwert

jQuery Sonstige Methoden