Maison  >  Article  >  interface Web  >  Que signifie attr dans jquery

Que signifie attr dans jquery

青灯夜游
青灯夜游original
2022-04-28 18:00:155133parcourir

Dans jquery, le nom complet de attr est "attribute", ce qui signifie "attribut". Il s'agit d'une méthode d'opération d'attribut qui peut renvoyer la valeur d'attribut de l'élément. La syntaxe est "element.attr("nom d'attribut"). "; il peut également être défini pour l'élément. Une ou plusieurs paires attribut/valeur, la syntaxe est "element.attr({attribut:value,attribute:value...})".

Que signifie attr dans jquery

L'environnement d'exploitation de ce tutoriel : système Windows 7, jquery version 1.10.2, ordinateur Dell G3.

En jquery, le nom complet d'attr est "attribut", ce qui signifie "attribut" en chinois.

attr() est une méthode d'opération d'attribut dans jquery qui peut définir ou renvoyer les attributs et les valeurs de l'élément sélectionné.

  • Lorsque cette méthode est utilisée pour renvoyer une valeur d'attribut, la valeur du premier élément correspondant est renvoyée.

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

Syntaxe :

  • Renvoyer la valeur de l'attribut :

$(selector).attr("属性名")
  • Définir l'attribut et la valeur :

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

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

Exemple 1 : Renvoyer la valeur de l'attribut

<!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>

Que signifie attr dans jquery

Exemple 2 :Définissez l'attribut de largeur de l'image

<!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>

Que signifie attr dans jquery

Exemple 3 : Définition de plusieurs paires d'attributs et de valeurs

<!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>

Que signifie attr dans jquery

[Apprentissage recommandé : Tutoriel vidéo jQuery, Vidéo frontale Web]

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!

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