Was bedeutet attr in jquery-Front-End-Fragen und Antworten-php.cn

Was bedeutet attr in jquery

青灯夜游

Freigeben： 2022-04-28 18:04:30

Original

5121 Leute haben es durchsucht

In jquery lautet der vollständige Name von attr „Attribut“, was „Attribut“ bedeutet. Es handelt sich um eine Attributoperationsmethode, die den Attributwert des Elements zurückgeben kann. Die Syntax lautet „element.attr(„Attributname“). "; kann auch für das Element festgelegt werden. Ein oder mehrere Attribut/Wert-Paare, die Syntax lautet „element.attr({attribute:value,attribute:value...})“.

Was bedeutet attr in jquery

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

In Jquery lautet der vollständige Name von attr „Attribut“, was auf Chinesisch „Attribut“ bedeutet.

attr() ist eine Attributoperationsmethode in jquery, die die Attribute und Werte des ausgewählten Elements festlegen oder zurückgeben kann.

Wenn diese Methode zur Rückgabe eines Attributwerts verwendet wird, wird der Wert des ersten übereinstimmenden Elements zurückgegeben.
Wenn diese Methode zum Festlegen von Attributwerten verwendet wird, werden ein oder mehrere Attribut-/Wertpaare für das passende Element festgelegt.

Syntax:

Gibt den Wert des Attributs zurück:

$(selector).attr("属性名")

Nach dem Login kopieren

Setzen Sie das Attribut und den Wert ein:

//设置单个属性和值：
$(selector).attr("属性","值")

//设置多个属性和值：
$(selector).attr({属性:值,属性:值,...})

Nach dem Login kopieren

Beispiel 1: Geben Sie den Attributwert zurück.

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					alert("图片宽度: " + $("img").attr("width"));
				});
			});
		</script>
	</head>
	<body>

		<img src="img/1.jpg" alt="Pulpit Rock" width="284"    style="max-width:90%">
		<br>
		<button>返回图片的宽度</button>

	</body>
</html>

Nach dem Login kopieren

Was bedeutet attr in jquery

Beispiel 2 :Legen Sie das Bildbreitenattribut fest

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					 $("img").attr("width","500");
				});
			});
		</script>
	</head>
	<body>

		<img src="img/1.jpg" alt="Pulpit Rock" width="284"    style="max-width:90%">
		<br>
		<button>为图片设置width属性</button>

	</body>
</html>

Nach dem Login kopieren

Was bedeutet attr in jquery

Beispiel 3: Festlegen mehrerer Attribut- und Wertepaare

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("img").attr({width:"150",height:"100"});
				});
			});
		</script>
	</head>
	<body>

		<img src="img/1.jpg" alt="Pulpit Rock" width="284"    style="max-width:90%">
		<br>
		<button>给图片设置宽度和高度属性</button>

	</body>
</html>

Nach dem Login kopieren

Was bedeutet attr in jquery

[Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Video]

Das obige ist der detaillierte Inhalt vonWas bedeutet attr in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!