Índice

Insertar en el interior

1. Primer método

append(contenido)

Añade el contenido al final del elemento especificado, sin suprimir el contenido existente.

El contenido puede ser una cadena de caracteres, código HTML o un objeto jQuery.

append(función)

Desde la versión 1.4 de jQuery, el elemento que se añade también puede estar incluido en una función.

$("p").append("<b>Hello</b>"): inserta al final del párrafo los elementos que se pasan como argumento.

Este método devuelve un objeto jQuery.

Los expertos en JavaScript y en escritura del DOM habrán reconocido el método appendChild().

prepend(contenido)

Añade el contenido al comienzo del elemento especificado, sin suprimir el contenido existente.

El contenido puede ser una cadena de caracteres, código HTML o un objeto jQuery.

prepend(función)

Desde la versión 1.4 de jQuery, el elemento que se añade también puede estar incluido en una función.

$("p").prepend("<b>Hello</b>"): inserta al inicio del párrafo los elementos que se pasan como argumento.

Este método devuelve un objeto jQuery.

Ejemplo:

Añadimos contenido al inicio y al final del elemento caja del ejemplo anterior. 

Aspecto inicial:

images/8_3_1_v41.png

Aspecto obtenido después de hacer clic en el botón "Insertar el texto":

images/8_3_1_v42.png

El documento HTML:

<!doctype html> 
<html lang="es"> 
<head> 
<meta charset="utf-8">  ...