Comment utiliser jquery pour modifier le texte en cliquant-Questions et réponses frontales-php.cn

Comment utiliser jquery pour modifier le texte en cliquant

青灯夜游

Libérer： 2022-06-07 17:15:07

original

3193 Les gens l'ont consulté

Méthode d'implémentation : 1. Utilisez l'instruction "$("button").click(function(){})" pour lier l'événement click à l'élément bouton et définir la fonction de traitement d'événement ; définissez l'instruction " Element object.text("new text")" ou "object.html("new text")" pour modifier le texte.

Comment utiliser jquery pour modifier le texte en cliquant

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

Utilisez jquery pour modifier le texte en cliquant

1. Définissez l'événement de clic

Utilisez click() pour lier l'événement de clic à l'élément bouton et définissez la fonction de traitement d'événement

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.2.1.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					//点击事件发生后，执行的代码
				});
			});
		</script>
	</head>
	<body>

		<button>修改所有p元素的文本内容</button>
		<p>这是一个段落。</p>
		<p>这是另一个段落。</p>

	</body>
</html>

Copier après la connexion

2. Dans la fonction de traitement d'événements, utilisez text() ou html() pour modifier le contenu textuel de l'élément spécifié. La méthode text() définit ou renvoie le contenu textuel de l'élément sélectionné. La méthode

html() définit ou renvoie le contenu (innerHTML) de l'élément sélectionné.

$(document).ready(function() {
	$("button").click(function() {
		$("p").text("Hello world!");
	});
});

Copier après la connexion

$(document).ready(function() {
	$("button").click(function() {
		$("p").html("Hello!");
	});
});

Copier après la connexion

Comment utiliser jquery pour modifier le texte en cliquant

Explication :

Comment utiliser jquery pour modifier le texte en cliquant

html() récupère tout le contenu à l'intérieur de l'élément, tandis que text() récupère uniquement le contenu du texte

html() peut être configuré pour inclure le contenu des balises , tandis que text() ne peut définir que le contenu du texte (sans compter les étiquettes).

$(document).ready(function() {
	$("button").click(function() {
		$("p").html("Hello <b>world!</b>");
	});
});

Copier après la connexion

【Apprentissage recommandé :

Tutoriel vidéo jQuery

, Comment utiliser jquery pour modifier le texte en cliquant 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!