Comment changer la valeur de l'élément en fonction de l'identifiant dans jquery-Questions et réponses frontales-php.cn

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

青灯夜游

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

original

3054 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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