jQuery
Instanz; Leistung; Daten aus wissenschaftlichen Experimenten;
jquery jQuery.data()-Methode Syntax
Funktion: Die Methode data() hängt Daten an das ausgewählte Element an oder ruft Daten vom ausgewählten Element ab. Dies ist eine Low-Level-Methode; die Verwendung von .data() ist bequemer.
Rückgabefunktion vom Element: Gibt zusätzliche Daten vom ausgewählten Element zurück.
Syntax: $(selector).data(name)
Parameter:
| Parameter | Beschreibung |
| Name | Optional. Gibt den Namen der abzurufenden Daten an. Wenn kein Name angegeben wird, gibt diese Methode alle gespeicherten Daten des Elements als Objekt zurück. |
Daten an Element anhängen: Daten an das ausgewählte Element anhängen.
Syntax: $(selector).data(name,value)
Parameter:
| Parameter | Beschreibung |
| Name | Erforderlich. Gibt den Namen der festzulegenden Daten an. |
| Wert | Erforderlich. Gibt den Wert der festzulegenden Daten an. |
Daten mithilfe von Objekten an Elemente anhängen: Daten mithilfe von Objekten mit Name/Wert-Paaren an ausgewählte Elemente anhängen.
Syntax: $(selector).data(object)
Parameter:
| Parameter | Beschreibung |
| Objekt | Erforderlich. Gibt ein Objekt an, das Name/Wert-Paare enthält. |
jquery jQuery.data()-Methode Beispiel
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.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>Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen