Comment interroger la valeur d'un attribut avec jquery-Questions et réponses frontales-php.cn

Comment interroger la valeur d'un attribut avec jquery

青灯夜游

Libérer： 2022-04-20 18:32:52

original

6406 Les gens l'ont consulté

Comment interroger les valeurs d'attribut avec jquery : 1. Utilisez attr() pour renvoyer la valeur d'attribut de l'élément sélectionné, la syntaxe est "$(selector).attr("Attribute Name""); 2. Utilisez prop () pour renvoyer la valeur d'attribut du premier élément correspondant, la syntaxe est "$(selector).prop("property name")".

Comment interroger la valeur d'un attribut avec jquery

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

peut fournir des informations supplémentaires sur les balises HTML, ou modifier les balises HTML. Les attributs doivent être ajoutés dans la balise de début et le format de syntaxe est le suivant :

attr="value"

Copier après la connexion

attr représente le nom de l'attribut et value représente la valeur de l'attribut. Les valeurs d'attribut doivent être entourées de guillemets doubles " " ou de guillemets simples " ".

Notez que bien que les guillemets doubles et les guillemets simples puissent entourer les valeurs d'attribut, dans un souci de standardisation et de professionnalisme, veuillez utiliser des guillemets doubles autant que possible.

Une balise peut n'avoir aucun attribut, ou elle peut avoir un ou plusieurs attributs.

Exemple :

<p id="user-info" class="color-red"><p>

Copier après la connexion

Alorscomment interroger les valeurs d'attribut à l'aide de jquery ?

Dans jquery, vous pouvez utiliser deux méthodes pour interroger les valeurs d'attribut

attr()
prop()

Les deux méthodes peuvent obtenir ou définir les attributs HTML des éléments

1. Utilisez la méthode attr() pour interroger la valeur de l'attribut. La méthode attr() peut renvoyer la valeur de l'attribut de l'élément sélectionné. Syntaxe :

$(selector).attr("属性名")

Copier après la connexion

Exemple : Obtenez la valeur de l'attribut img src, qui est l'adresse de l'image.

2. Utilisez la méthode prop() pour interroger la valeur de l'attribut. La méthode prop() peut renvoyer la valeur de l'attribut de l'élément sélectionné et renverra la valeur de l'attribut du premier élément correspondant.

Syntaxe :

<!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() {
					var img=$("img").attr("src");
					alert("src属性值为： "+img)
				});
			});
		</script>
	</head>

	<body>
		<img  id="img" src="img/1.jpg"    style="max-width:90%"/ alt="Comment interroger la valeur d'un attribut avec jquery" ><br><br><br>
		<button>获取img src属性值（图片地址）</button>
	</body>

</html>

Copier après la connexion