So verwenden Sie jquery data()-Front-End-Fragen und Antworten-php.cn

So verwenden Sie jquery data()

青灯夜游

Freigeben： 2022-03-03 15:53:57

Original

2792 Leute haben es durchsucht

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)“.

So verwenden Sie jquery data()

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)

Nach dem Login kopieren

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.

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)

Nach dem Login kopieren

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)

Nach dem Login kopieren

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>

Nach dem Login kopieren

So verwenden Sie jquery data()

[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!