Quelles sont les méthodes couramment utilisées pour obtenir des attributs en jquery ?-Questions et réponses frontales-php.cn

Quelles sont les méthodes couramment utilisées pour obtenir des attributs en jquery ?

青灯夜游

Libérer： 2022-03-23 17:24:03

original

12557 Les gens l'ont consulté

Les méthodes couramment utilisées pour obtenir des attributs dans jquery sont : 1. La méthode attr(), qui peut obtenir et renvoyer la valeur de l'attribut spécifié, la syntaxe est "$(selector).attr("Attribute Name")" ; 2. La méthode prop(), qui peut Renvoie la valeur d'attribut de l'élément sélectionné, la syntaxe est "$(selector).prop("property name")".

Quelles sont les méthodes couramment utilisées pour obtenir des attributs en jquery ?

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

Il existe deux méthodes couramment utilisées pour obtenir des attributs dans jquery :

méthode attr()
méthode prop()

méthode jquery attr()

méthode attr() pour set ou return La valeur d'attribut de l'élément sélectionné.

Exemple : obtenez la valeur de l'attribut width de l'élément img

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					alert("图片宽度为 " + $("img").attr("width"));
				});
			});
		</script>
	</head>
	<body>
		<img  src="img/1.jpg"    style="max-width:90%" / alt="Quelles sont les méthodes couramment utilisées pour obtenir des attributs en jquery ?" >
		<br />
		<button>返回图像的宽度</button>
	</body>
</html>

Copier après la connexion

Quelles sont les méthodes couramment utilisées pour obtenir des attributs en jquery ?

méthode jquery prop()

prop() définit ou renvoie 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.

Exemple :

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("button").click(function() {
					alert("图片宽度为 " + $("img").prop("width"));
				});
			});
		</script>
	</head>
	<body>
		<img  src="img/1.jpg"    style="max-width:90%" / alt="Quelles sont les méthodes couramment utilisées pour obtenir des attributs en jquery ?" >
		<br />
		<button>返回图像的宽度</button>
	</body>
</html>

Copier après la connexion

La différence entre les méthodes attr() et prop()

La méthode prop() est similaire à la méthode attr(), les deux sont utilisées pour obtenir ou définir les attributs HTML des éléments, mais les deux Il existe également des différences fondamentales.

Recommandation officielle de jQuery : pour les attributs avec deux valeurs true et false, tels que vérifié, sélectionné, désactivé, etc., il est recommandé d'utiliser la méthode prop() pour fonctionner, tandis que d'autres attributs sont recommandés pour utiliser la méthode attr() pour fonctionner.

【Apprentissage recommandé : Tutoriel vidéo jQuery, Développement 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!