So ändern Sie das src-Attribut von img in jquery-Front-End-Fragen und Antworten-php.cn

So ändern Sie das src-Attribut von img in jquery

青灯夜游

Freigeben： 2022-12-16 16:46:50

Original

13271 Leute haben es durchsucht

So ändern Sie das Attribut „img src“ mit jquery: 1. Verwenden Sie das Attribut attr(), Syntax „$(„img“).attr(„src“, „Bilddateiadresse“)“ 2. Verwenden Sie die Methode prop(), Syntax „$(„img“).prop(„src“, „Die Adresse der Bilddatei“)“.

So ändern Sie das src-Attribut von img in jquery

Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.1-Version, Dell G3-Computer.

jquery So ändern Sie das src-Attribut von img

Methode 1: Verwenden Sie die Methode attr() attribute

attr(), um den Attributwert des ausgewählten Elements festzulegen oder zurückzugeben.

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.6.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("img").attr("src","img/2.jpg");
				});
			});
		</script>
	</head>

	<body>
		<img  id="img" src="img/1.jpg"    style="max-width:90%"/ alt="So ändern Sie das src-Attribut von img in jquery" ><br><br><br>
		<button>更改img src属性值（换图）</button>
	</body>

</html>

Nach dem Login kopieren

So ändern Sie das src-Attribut von img in jquery

Methode 2: Verwenden Sie die prop()-Methode

prop()-Methode, um die Attribute und Werte des ausgewählten Elements festzulegen oder zurückzugeben.

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.6.1.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					$("img").prop("src","img/3.jpg");
				});
			});
		</script>
	</head>

	<body>
		<img  id="img" src="img/1.jpg"    style="max-width:90%"/ alt="So ändern Sie das src-Attribut von img in jquery" ><br><br><br>
		<button>更改img src属性值（换图）</button>
	</body>

</html>

Nach dem Login kopieren

So ändern Sie das src-Attribut von img in jquery

【Empfohlenes Lernen: jQuery-Video-Tutorial, Web-Frontend-Einführungsvideo】

Das obige ist der detaillierte Inhalt vonSo ändern Sie das src-Attribut von img in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!