Heim > Web-Frontend > js-Tutorial > Beispiel für die Verwendung der data()-Methode in jQuery_jquery

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

WBOY
Freigeben: 2016-05-16 16:24:14
Original
1159 Leute haben es durchsucht

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:






data() function-Script Home









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:






data() function-Script Home









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:






data() function-Script Home









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:






data() function-Script Home









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.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage