2.0 Añadiendo elementos a la página con append().

En muchas ocasiones será necesario añadir elementos nuevos a un elemento que ya existe en la página, por ejemplo, quizás si hay una opción en la página para agregar un comentario, entonces será necesario que ese comentario se vaya listando en alguna parte de la página, para eso tendríamos que crear un div y añadirlo a algún otro elemento, en fin, añadir elementos es muy importante. Para añadir elementos usaremos el método append(). Para poder ilustrar un poco mejor, supongamos que deseamos crear un div con la clase “comentario” y añadirlo a un div con la clase “listaComentarios”, entonces el código HTML sería el siguiente:

<div class=”listaComentarios”></div>

Y el código en Jquery para añadir un div con un comentario sería como sigue:

$(“.listaComentarios”).append(“<div class=comentario””>Este es un comentario sobre esta página…</div>”);

El código consiste de las siguientes partes:

• La primera parte es el selector $(“.listaComentarios”), el cual nos permite seleccionar el elemento al cual se le añadirán elementos.
• La segunda parte es .append(“<div class=comentario””>Este es un comentario sobre esta página…</div>”); donde vemos el método append() y entre paréntesis el código del nuevo elemento a añadir.