Maison  >  Article  >  interface Web  >  Comment changer la valeur de l'élément en fonction de l'identifiant dans jquery

Comment changer la valeur de l'élément en fonction de l'identifiant dans jquery

青灯夜游
青灯夜游original
2022-04-20 18:13:123029parcourir

Comment modifier la valeur de jquery en fonction de l'identifiant : 1. Définissez l'attribut id sur l'élément ; 2. Utilisez l'instruction "$("#idattribut value")" pour obtenir l'objet élément spécifié ; instruction element object.html("new value ")", "element object.text("new value")" ou "element.val("new value")" pour modifier la valeur de l'élément.

Comment changer la valeur de l'élément en fonction de l'identifiant dans jquery

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

jquery modifie la valeur de l'élément en fonction de l'identifiant

Étapes de mise en œuvre :

  • Définissez l'attribut id pour l'élément spécifié

  • Utilisez la valeur "$("#id attribut value")" instruction pour obtenir l'objet élément spécifié

  • Utilisez la méthode jquery pour modifier la valeur de l'élément spécifié

Il existe trois méthodes pour modifier la valeur de l'élément :

  • Utilisez text() pour définir le contenu du texte de l'élément sélectionné.

  • Utilisez html() pour définir le contenu de l'élément sélectionné (innerHTML).

  • Utilisez val() pour définir la valeur de l'élément d'entrée

Exemple 1 : Utilisez text()

<!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() {
					$("#xg").text("Hello world!");
				});
			});
		</script>
	</head>
	<body>

		<button>修改id="xg"的p元素的文本内容</button>
		<p id="xg">这是一个段落。</p>
		<p>这是另一个段落。</p>

	</body>
</html>

Comment changer la valeur de lélément en fonction de lidentifiant dans jquery

Exemple 2 : Utilisez html()

<!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() {
					$("#xg").html("Hello <b>world!</b>");
				});
			});
		</script>
	</head>
	<body>

		<button>修改id="xg"的p元素的文本内容</button>
		<p id="xg">这是一个段落。</p>
		<p>这是另一个段落。</p>

	</body>
</html>

Comment changer la valeur de lélément en fonction de lidentifiant dans jquery

Exemple 3 : Utilisation de val()

<!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() {
					$("#name").val("Hello www.php.cn");
				});
			});
		</script>
	</head>
	<body>

		<button>修改id="name"的input元素的文本内容</button><br><br>
		用户名: <input id="name" type="text" name="user" value="Hello" />
	</body>
</html>

Comment changer la valeur de lélément en fonction de lidentifiant dans jquery

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

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