Welche Methoden werden häufig zum Abrufen von Attributen in JQuery verwendet?-Front-End-Fragen und Antworten-php.cn

Welche Methoden werden häufig zum Abrufen von Attributen in JQuery verwendet?

青灯夜游

Freigeben： 2022-03-23 17:24:03

Original

12525 Leute haben es durchsucht

Die häufig verwendeten Methoden zum Abrufen von Attributen in JQuery sind: 1. Die attr()-Methode, die den Wert des angegebenen Attributs abrufen und zurückgeben kann. Die Syntax lautet „$(selector).attr(„Attribute Name“)“ ; 2. Die prop()-Methode, die den Attributwert des ausgewählten Elements zurückgeben kann, die Syntax lautet „$(selector).prop(“property name“)“.

Welche Methoden werden häufig zum Abrufen von Attributen in JQuery verwendet?

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

Es gibt zwei häufig verwendete Methoden zum Abrufen von Attributen in jquery:

attr()-Methode
prop()-Methode

jquery attr()-Methode

attr()-Methode zu set oder return Der Attributwert des ausgewählten Elements.

Beispiel: Rufen Sie den Wert des width-Attributs des img-Elements ab.

<!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() {
				$("button").click(function() {
					alert("图片宽度为 " + $("img").attr("width"));
				});
			});
		</script>
	</head>
	<body>
		<img  src="img/1.jpg"    style="max-width:90%" / alt="Welche Methoden werden häufig zum Abrufen von Attributen in JQuery verwendet?" >
		<br />
		<button>返回图像的宽度</button>
	</body>
</html>

Nach dem Login kopieren

Welche Methoden werden häufig zum Abrufen von Attributen in JQuery verwendet?

jquery prop()-Methode

prop()-Methode legt die Attribute und Werte des ausgewählten Elements fest oder gibt sie zurück.

Wenn diese Methode zur Rückgabe eines Attributwerts verwendet wird, wird der Wert des ersten übereinstimmenden Elements zurückgegeben.

Beispiel:

<!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() {
				$("button").click(function() {
					alert("图片宽度为 " + $("img").prop("width"));
				});
			});
		</script>
	</head>
	<body>
		<img  src="img/1.jpg"    style="max-width:90%" / alt="Welche Methoden werden häufig zum Abrufen von Attributen in JQuery verwendet?" >
		<br />
		<button>返回图像的宽度</button>
	</body>
</html>

Nach dem Login kopieren

Der Unterschied zwischen den Methoden attr() und prop()

prop()-Methode ähnelt der attr()-Methode, beide werden verwendet, um die HTML-Attribute von Elementen abzurufen oder festzulegen, aber Bei beiden gibt es auch grundsätzliche Unterschiede.

Offizielle jQuery-Empfehlung: Für Attribute mit zwei Werten von wahr und falsch, z. B. aktiviert, ausgewählt, deaktiviert usw., wird empfohlen, die prop () -Methode zum Betrieb zu verwenden, während für andere Attribute die Verwendung empfohlen wird attr()-Methode zum Betrieb.

【Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Front-End-Entwicklung】

Das obige ist der detaillierte Inhalt vonWelche Methoden werden häufig zum Abrufen von Attributen in JQuery verwendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!