Que signifie attr dans jquery-Questions et réponses frontales-php.cn

Que signifie attr dans jquery

青灯夜游

Libérer： 2022-04-28 18:04:30

original

5193 Les gens l'ont consulté

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("属性名")

Copier après la connexion

Définir l'attribut et la valeur :

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

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

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

Que signifie attr dans jquery