Maison > Article > interface Web > Jquery peut-il obtenir l'attribut src d'une image ?

Jquery peut-il obtenir l'attribut src d'une image ?

青灯夜游original: 2022-12-16 16:27:163075parcourir

jquery peut obtenir l'attribut src de l'image. Méthode d'obtention : 1. Utilisez attr() pour obtenir l'attribut src de l'élément image img, la syntaxe est "$(img).attr("src""); 2. Utilisez prop() pour obtenir la première image img correspondante. attribut src de l'élément, la syntaxe est "$(img).prop("src")".

L'environnement d'exploitation de ce tutoriel : système windows7, version jquery3.6.1, ordinateur Dell G3.

Dans jquery, vous pouvez utiliser deux méthodes pour obtenir les attributs des éléments :

attr()
prop()

Méthode 1. Utilisez attr() pour obtenir l'attribut src de l'image La méthode

attr() peut renvoyer la valeur d'attribut de l'élément sélectionné

Syntaxe :

元素对象.attr("属性名")

Récupérez simplement l'objet élément img spécifié et utilisez le attr("src") code> méthode Récupérez l'attribut src de l'image<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="Jquery peut-il obtenir l'attribut src d'une image ?" ><br><br>
		<button>获取img src属性值（图片地址）</button>
	</body>

</html>

Jquery peut-il obtenir lattribut src dune image ?

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

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

语法：

元素对象.prop("属性名")

只需要获取指定img元素对象，并使用prop("src")

Exemple : récupérez la valeur de l'attribut img src, qui est l'adresse de l'image

<!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="Jquery peut-il obtenir l'attribut src d'une image ?" ><br><br>
		<button>获取img src属性值（图片地址）</button>
	</body>

</html>

Jquery peut-il obtenir lattribut src dune image ?

2. Utilisez prop() pour obtenir l'attribut src de l'image

prop() La méthode peut renvoyer la valeur d'attribut de l'élément sélectionné. Renvoie la valeur d'attribut du premier élément correspondant. Syntaxe :

🎜rrreee🎜🎜🎜Récupérez simplement l'objet élément img spécifié et utilisez la méthode prop("src") pour obtenir l'attribut src de l'image🎜🎜🎜🎜Exemple : Get img La valeur de l'attribut src est l'adresse de l'image🎜🎜rrreee🎜🎜🎜🎜[Apprentissage recommandé : 🎜Tutoriel vidéo jQuery🎜, 🎜Vidéo web front-end🎜]🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

jquery 对象

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Comment détecter si un élément est caché dans jqueryArticle suivant：Comment détecter si un élément est caché dans jquery

Articles Liés

Voir plus