Heim > Web-Frontend > Front-End-Fragen und Antworten > Kann jquery das src-Attribut eines Bildes abrufen?

Kann jquery das src-Attribut eines Bildes abrufen?

青灯夜游
Freigeben: 2022-12-16 16:27:16
Original
3210 Leute haben es durchsucht

jquery kann das src-Attribut des Bildes abrufen. Abrufmethode: 1. Verwenden Sie attr(), um das src-Attribut des img-Bildelements abzurufen. Die Syntax lautet „$(img).attr(„src“)“ 2. Verwenden Sie prop(), um das erste passende img-Bild abzurufen Element src-Attribut, Syntax „$(img).prop(“src“)“.

Kann jquery das src-Attribut eines Bildes abrufen?

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

In jquery können Sie zwei Methoden verwenden, um die Attribute von Elementen abzurufen:

  • attr()

  • prop()

Methode 1. Verwenden Sie attr(), um das src-Attribut abzurufen des Bildes Die

attr()-Methode kann den Attributwert des ausgewählten Elements zurückgeben

Syntax:

元素对象.attr("属性名")
Nach dem Login kopieren
  • Besorgen Sie sich einfach das angegebene img-Elementobjekt und verwenden Sie den attr("src")</ code> Methode Rufen Sie das src-Attribut des Bildes ab<code>attr("src")方法即可获取该图片的src属性

示例:获取img src属性值,即图片地址

<!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() {
					var img=$("img").attr("src");
					console.log("src属性值为: "+img)
				});
			});
		</script>
	</head>

	<body>
		<img  id="img" src="img/2.jpg"    style="max-width:90%"/ alt="Kann jquery das src-Attribut eines Bildes abrufen?" ><br><br>
		<button>获取img src属性值(图片地址)</button>
	</body>

</html>
Nach dem Login kopieren

Kann jquery das src-Attribut eines Bildes abrufen?

2、使用prop()获取图片的src属性

prop() 方法可返回被选元素的属性值,会返回第一个匹配元素的属性值。

语法:

元素对象.prop("属性名")
Nach dem Login kopieren
  • 只需要获取指定img元素对象,并使用prop("src")

Beispiel: Rufen Sie den img src-Attributwert ab, der die Bildadresse ist


<!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() {
					var img=$("img").prop("src");;
					console.log("src属性值为: "+img)
				});
			});
		</script>
	</head>

	<body>
		<img  id="img" src="img/2.jpg"    style="max-width:90%"/ alt="Kann jquery das src-Attribut eines Bildes abrufen?" ><br><br>
		<button>获取img src属性值(图片地址)</button>
	</body>

</html>
Nach dem Login kopieren
Kann jquery das src-Attribut eines Bildes abrufen?

Kann jquery das src-Attribut eines Bildes abrufen?

2. Verwenden Sie prop(), um das src-Attribut des Bildes abzurufen

prop() Die Methode kann den Attributwert des ausgewählten Elements zurückgeben. Gibt den Attributwert des ersten übereinstimmenden Elements zurück. Syntax:

🎜rrreee🎜🎜🎜Besorgen Sie sich einfach das angegebene img-Elementobjekt und verwenden Sie die Methode prop("src"), um das src-Attribut des Bildes abzurufen🎜🎜🎜🎜Beispiel: Holen Sie sich img Der Wert des src-Attributs ist die Bildadresse

Das obige ist der detaillierte Inhalt vonKann jquery das src-Attribut eines Bildes abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage