jQuery - Método html (val)

Descripción

los html( val )El método establece el contenido html de cada elemento coincidente. Esta propiedad no está disponible en documentos XML.

Sintaxis

Aquí está la sintaxis simple para usar este método:

selector.html( val )

Parámetros

Aquí está la descripción de todos los parámetros utilizados por este método:

val - Este es el contenido html que se va a configurar.

Ejemplo

A continuación se muestra un ejemplo simple que muestra el uso de este método:

<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>

Esto producirá el siguiente resultado:

jquery-dom.htm

↰ Previous page