Beispiel für die Verwendung der data()-Methode in jQuery_jquery

Das Beispiel in diesem Artikel beschreibt die Verwendung der data()-Methode in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Diese Methode kann Daten an das übereinstimmende Element anhängen oder Daten vom übereinstimmenden Element abrufen.

Grammatikstruktur 1:

Code kopieren Der Code lautet wie folgt:

$(selector).data(name,value)

Parameterliste:

参数	描述
name	存储的数据名称。
value	将要存储的任意数据。

Beispielcode:

Code kopieren Der Code lautet wie folgt:

Daten zum Element hinzufügen
Hinzugefügte Daten anzeigen

Der obige Code kann den Namen mydata an das entsprechende div-Element anhängen, der Wert lautet „Script Home Welcomes You“-Daten und dann den Datennamen zum Zurückgeben verwenden.

Grammatikstruktur 2:

Gibt zusätzliche Daten mit dem angegebenen Datennamen vom übereinstimmenden Element zurück.

Code kopieren Der Code lautet wie folgt:

$(selector).data(name)

Parameterliste:

Beispielcode:

Code kopieren Der Code lautet wie folgt:

Daten zum Element hinzufügen
Hinzugefügte Daten anzeigen

Der obige Code kann den Namen mydata an das entsprechende div-Element anhängen, der Wert lautet „Script Home Welcomes You“-Daten und dann den Datennamen zum Zurückgeben verwenden.

Grammatikstruktur drei:

Fügen Sie mithilfe von Schlüssel/Wert-Paarobjekten Daten zu übereinstimmenden Elementen hinzu.

Code kopieren Der Code lautet wie folgt:

$(selector).data(properties)

Parameterliste:

Beispielcode:

Code kopieren Der Code lautet wie folgt:

Daten zum Element hinzufügen
Die dem Element hinzugefügten Daten abrufen

Der obige Code kann Daten mit dem Namen „mydata“ in Form von Schlüssel/Wert-Paaren an das div anhängen und dann den angehängten Datenwert über den Datennamen und den Schlüssel erhalten.

Grammatikstruktur vier:

Verwenden Sie die Objektmethode, um Daten an das angegebene Element anzuhängen.

Code kopieren Der Code lautet wie folgt:

$(selector).data(object)

Parameterliste:

Beispielcode:

Code kopieren Der Code lautet wie folgt:

Daten zum Element hinzufügen
Die dem Element hinzugefügten Daten abrufen

Der obige Code hängt Daten in Form von Objekten an und erhält den angehängten Datenwert.

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.