Maison > Article > interface Web > Comment changer la valeur du bouton dans jquery

Comment changer la valeur du bouton dans jquery

青灯夜游original: 2022-04-28 17:17:235445parcourir

Comment changer la valeur du bouton dans jquery : 1. Utilisez html() pour définir un nouveau contenu pour l'élément spécifié, syntaxe "$("button").html("new content value""); 2. Utilisez text(). pour définir un nouveau contenu pour l'élément spécifié. Définissez un nouveau contenu de texte avec la syntaxe "$("button").text("new value")".

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

jquery modifie la valeur du bouton

Méthode d'implémentation :

Utilisez $("button") pour obtenir l'élément bouton
Utilisez html() ou text() pour modifier la valeur de l'élément sélectionné

1 , utilisez la méthode html()

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

<!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() {
					$(this).html("button新值");
				});
			});
		</script>
	</head>
	<body>
		<button>修改button内容</button>

	</body>
</html>

Comment changer la valeur du bouton dans jquery

2. Utilisez la méthode text()

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

<!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() {
					$(this).text("Hello world!");
				});
			});
		</script>
	</head>
	<body>
		<button>修改button内容</button>

	</body>
</html>

Comment changer la valeur du bouton 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

Article précédent：Comment déterminer si un élément est affiché dans jqueryArticle suivant：Comment déterminer si un élément est affiché dans jquery

Articles Liés

Voir plus