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">把數(shù)據(jù)添加到 div 元素</button><br />
<button id="btn2">獲取已添加到 div 元素的數(shù)據(jù)</button>
<div></div>
</body>
</html>Klicken Sie auf die Schaltfl?che ?Instanz ausführen“, um die Online-Instanz anzuzeigen