Operaciones HTML de jQuery
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");
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");
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.");
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.