Maison > interface Web > js tutoriel > Comment remplacer le contenu d'un texte avec jquery

Comment remplacer le contenu d'un texte avec jquery

青灯夜游
Libérer: 2021-11-15 15:06:11
original
5959 Les gens l'ont consulté

Dans jquery, vous pouvez utiliser la méthode html() pour remplacer le contenu dans le texte. La fonction de cette méthode est de renvoyer ou de définir le contenu de l'élément sélectionné, la syntaxe est "$(selector).html(content). )".

Comment remplacer le contenu d'un texte avec jquery

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

Dans jquery, vous pouvez utiliser la méthode html() pour remplacer le contenu du texte. La méthode

html() renvoie ou définit le contenu (HTML interne) de l'élément sélectionné. Si cette méthode ne définit pas de paramètres, elle renvoie le contenu actuel de l'élément sélectionné.

Et lorsqu'une valeur est définie à l'aide de cette méthode, elle écrasera le contenu de tous les éléments correspondants.

Syntaxe

$(selector).html(content)
Copier après la connexion
  • contenu : facultatif. Spécifie le nouveau contenu de l'élément sélectionné. Ce paramètre peut contenir des balises HTML.

Exemple :

<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <title></title>
      <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
  </head>
  <style>
   #btnTex{width:0px; height:0px; margin: 0px;}
   
 </style>
 <body>
   
 <input id="text" type="text" />
 <input id="btn" type="button" value="按钮" />
 <p id="p">这是一些文字</p>
     <script  type="text/javascript" charset="utf-">
        $(function(){
               var text = $(&#39;#text&#39;);
               var btn = $(&#39;#btn&#39;);
               var p = $(&#39;#p&#39;);
                btn.click(function(){
                 p.html(text.val());
 
               })
        })
    </script>  
 </body>
 </html>
Copier après la connexion

Comment remplacer le contenu dun texte avec jquery

Recommandations de didacticiel associées : Tutoriel vidéo jQuery

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal