jQuery - Operaciones de documento - método html()

Ejemplo

Establecer el contenido de todos los elementos p:

$(".btn1").click(function(){
  $("p").html("¡Hola <b>mundo</b>!");
});

Prueba por tu cuenta

Definición y uso

El método html() devuelve o establece el contenido del elemento (inner HTML) seleccionado.

Si este método no establece parámetros, devuelve el contenido actual del elemento seleccionado.

Devolver contenido del elemento

Cuando se usa este método para devolver un valor, devuelve el contenido del primer elemento coincidente.

Sintaxis

$(selector).html()

Prueba por tu cuenta

Establecer contenido del elemento

Cuando se usa este método para establecer un valor, reemplaza el contenido de todos los elementos coincidentes.

Sintaxis

$(selector).html(content)

Prueba por tu cuenta

Parámetros Descripción
content - Opcional. Define el nuevo contenido del elemento seleccionado. Este parámetro puede contener etiquetas HTML.

Usa una función para establecer el contenido del elemento

Usa una función para establecer el contenido de todos los elementos coincidentes.

Sintaxis

$(selector).html(function(index,oldcontent))

Prueba por tu cuenta

Parámetros Descripción
function(index,oldcontent)

Define una función que devuelve el nuevo contenido de los elementos seleccionados.

  • index - Opcional. Recibe la posición de índice del selector.
  • oldcontent - Opcional. Recibe el contenido actual del selector.