Maison >interface Web >Questions et réponses frontales >Comment utiliser jquery pour modifier le texte en cliquant
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.
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>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
$(document).ready(function() {
$("button").click(function() {
$("p").text("Hello world!");
});
});$(document).ready(function() {
$("button").click(function() {
$("p").html("Hello!");
});
});
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>");
});
});
【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!