jQuery - Méthode html (val)

La description

le html( val )La méthode définit le contenu html de chaque élément correspondant. Cette propriété n'est pas disponible sur les documents XML.

Syntaxe

Voici la syntaxe simple pour utiliser cette méthode -

selector.html( val )

Paramètres

Voici la description de tous les paramètres utilisés par cette méthode -

  • val - Il s'agit du contenu html à définir.

Exemple

Voici un exemple simple montrant l'utilisation de cette méthode -

<html>
   <head>
      <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
      </script>
			
      <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {
            $("div").click(function () {
               $(this).html( "<h1>Click another square</h1>");
            });
         });
      </script>
		
      <style>
         .div{ margin:10px;padding:12px; border:2px solid #666; width:60px;}
      </style>
   </head>
	
   <body>
      <p>Click on any square below to see the result:</p>
		
      <div class = "div" style = "background-color:blue;"></div>
      <div class = "div" style = "background-color:green;"></div>
      <div class = "div" style = "background-color:red;"></div>
   </body>
</html>

Cela produira le résultat suivant -

jquery-dom.htm