Heim > Artikel > Web-Frontend > So verwenden Sie jquery data()
So verwenden Sie jquery data()
- 青灯夜游Original
- 2022-03-03 15:53:572766Durchsuche
In jquery kann die Methode data() verwendet werden, um Daten an das ausgewählte Element anzuhängen. Die Syntax „$(selector).data(name,value)“ kann auch verwendet werden, um Daten vom ausgewählten Element abzurufen. die Syntax „$ (selector).data(name)“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.
jquery data()-Methode
data()-Methode hängt Daten an das ausgewählte Element an oder ruft Daten vom ausgewählten Element ab.
Syntax:
Zusätzliche Daten vom ausgewählten Element zurückgeben.
$(selector).data(name)
| Parameter | Beschreibung |
|---|---|
| Name |
optional. Gibt den Namen der abzurufenden Daten an. Wenn kein Name angegeben wird, gibt diese Methode alle gespeicherten Daten des Elements in Form eines Objekts zurück. |
Daten an das ausgewählte Element anhängen.
kann ein einzelnes Name/Wert-Paar sein
$(selector).data(name,value)
| Parameter | Beschreibung |
|---|---|
| Name | erforderlich. Gibt den Namen der festzulegenden Daten an. |
| Wert | Erforderlich. Gibt den Wert der festzulegenden Daten an. |
Sie können Daten auch zu ausgewählten Elementen hinzufügen, indem Sie Objekte mit Name/Wert-Paaren verwenden.
$(selector).data(object)
| Parameter | Beschreibung |
|---|---|
| Objekt | erforderlich. Gibt ein Objekt an, das Name/Wert-Paare enthält. |
Beispiel: Daten an ein Element anhängen und diese Daten dann abrufen
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#btn1").click(function() {
$("div").data("greeting", "Hello World");
});
$("#btn2").click(function() {
alert($("div").data("greeting"));
});
});
</script>
</head>
<body>
<button id="btn1">把数据添加到 div 元素</button><br />
<button id="btn2">获取已添加到 div 元素的数据</button>
<div></div>
</body>
</html>
[Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend]
Das obige ist der detaillierte Inhalt vonSo verwenden Sie jquery data(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!