Operaciones HTML de jQuery

  • Página anterior
  • Página siguiente

jQuery incluye muchas funciones potentes para cambiar y operar HTML.

Cambiar contenido HTML

Sintaxis

$(selector).html(content)

La función html() cambia el contenido del elemento HTML coincidente (innerHTML).

Ejemplo

$("p").html("W3School");

Prueba por tu cuenta

Añadir contenido HTML

Sintaxis

$(selector).append(content)

La función append() añade contenido adicional al interior de los elementos HTML coincidentes.

Sintaxis

$(selector).prepend(content)

La función prepend() añade contenido 'preconfigurado' (Prepend) al interior de los elementos HTML coincidentes.

Ejemplo

$("p").append(" CodeW3C.com");

Prueba por tu cuenta

Sintaxis

$(selector).after(content)

La función after() inserta contenido HTML después de todos los elementos coincidentes.

Sintaxis

$(selector).before(content)

La función before() inserta contenido HTML antes de todos los elementos coincidentes.

Ejemplo

$("p").after(" CodeW3C.com.");

Prueba por tu cuenta

Operaciones HTML de jQuery - De esta página

Función Descripción
$(selector).html(content) Cambiar el HTML interno del elemento seleccionado
$(selector).append(content) Añadir contenido adicional al HTML interno del elemento seleccionado
$(selector).prepend(content) Añadir contenido 'preconfigurado' (Prepend) al HTML interno del elemento seleccionado
$(selector).after(content) Añadir HTML después del elemento seleccionado
$(selector).before(content) Añadir HTML antes del elemento seleccionado

Para obtener el manual de referencia completo, visite nuestro Manual de referencia de operaciones HTML de jQuery.

  • Página anterior
  • Página siguiente