Jquery peut-il ajouter des attributs aux images ?-Questions et réponses frontales-php.cn

Jquery peut-il ajouter des attributs aux images ?

青灯夜游

Libérer： 2022-05-16 17:48:53

original

1968 Les gens l'ont consulté

jquery peut ajouter des attributs aux images. Deux façons d'ajouter : 1. Utilisez attr() pour ajouter des attributs à l'élément img, la syntaxe est "$("img").attr("attribute name", "value""); 2. Utilisez prop() pour ajoutez des attributs à l'élément image, la syntaxe est "$("img").prop("property name","value")".

Jquery peut-il ajouter des attributs aux images ?

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

Il existe deux méthodes pour définir les attributs dans jquery

attr()
prop()

1 Utilisez la méthode attr()

attr() pour définir ou renvoyer la sélection. propriétés et valeurs des éléments.

Lorsque cette méthode est utilisée pour définir les valeurs d'attribut, une ou plusieurs paires attribut/valeur sont définies pour l'élément correspondant.

$("img").attr("属性名","属性值");

Copier après la connexion

Exemple :

<!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("align","right");
				});
			});
		</script>
	</head>
	<body>
		<img  src="img/1.jpg"    style="max-width:90%" alt="Jquery peut-il ajouter des attributs aux images ?" ><br>
		<br><br>
		<button>给图片添加align属性，设置右对齐</button>
	</body>
</html>

Copier après la connexion

Jquery peut-il ajouter des attributs aux images ?

2. Utiliser la méthode prop()

prop() est la même que attr(), et définit ou renvoie également les attributs et les valeurs de l'élément sélectionné.

Lorsque cette méthode est utilisée pour définir des valeurs d'attribut, elle définit une ou plusieurs paires attribut/valeur pour l'ensemble des éléments correspondants.

Syntaxe :

$("img").prop("属性名","属性值");

Copier après la connexion

Exemple :

<!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").prop("alt","图像的替代文本");
				});
			});
		</script>
	</head>
	<body>
		<img  src="img/1.jpg"    style="max-width:90%" alt="Jquery peut-il ajouter des attributs aux images ?" ><br>
		<br><br>
		<button>给图片添加alt属性</button>
	</body>
</html>

Copier après la connexion

Jquery peut-il ajouter des attributs aux images ?

Connaissances approfondies : l'élément d'image img

Jquery peut-il ajouter des attributs aux images ? définit une image dans une page HTML. La balise

Jquery peut-il ajouter des attributs aux images ? a deux attributs obligatoires : src et alt.

Jquery peut-il ajouter des attributs aux images ? attributs de la balise :

propriété	valeur	description
aligner	haut bas milieu gauche droite	HT ML5 n'est pas pris en charge. HTML 4.01 est obsolète. Spécifie la manière dont les images sont disposées par rapport au texte environnant.
loading	eager : charger immédiatement lazy : chargement paresseux	Spécifie si le navigateur doit charger les images immédiatement ou paresseusement.
alt	text	Spécifie le texte alternatif de l'image.
border	pixels	HTML5 non pris en charge. HTML 4.01 est obsolète. Spécifie la bordure autour de l'image.
crossorigin	anonyme use-credentials	Définissez les attributs inter-domaines de l'image
hauteur	pixels	Spécifiez la hauteur de l'image.
hspace	pixels	HTML5 non pris en charge. HTML 4.01 est obsolète. Spécifie les marges sur les côtés gauche et droit de l'image.
ismap	ismap	spécifie les images sous forme de cartes d'images côté serveur.
longdesc	URL	HTML5 n'est pas pris en charge. HTML 4.01 est obsolète. Pointe vers une URL qui contient un long document de description d’image.
src	URL	Spécifie l'URL pour afficher l'image.
usemap	#mapname	définit une image comme une image cliquable côté client.
vspace	pixels	HTML5 non pris en charge. HTML 4.01 est obsolète. Spécifie la marge en haut et en bas de l'image.
width	pixels	Spécifie la largeur de l'image.