jQuery aprendiendo a manipular elementos y manejar conceptos basico

Vamos a ver como manipular elementos en JQuery asi que ahora a ver sus funciones

append: Lo utilizamos para añadir un codigo HTML al elemento que nos interese

 $("li").append("Manipular el elemento "); 
 $("#idJQuery").append("con estos añadidos"); 

appendTo: Se usa para seleccionar un elemento y enviar sus caracteristicas a otro elemento que queremos hacer un añadido

 $("li").appendTo("#parraf");

prepend:Basicamente realiza la misma accion que append, con la diferencia que este realiza la accion al principio del elemento.

 $("li").prepend("Este texto que ira por delante ");

prependTo: Ahora va elemento seleccionado delante del elementoque hemos puesto en segundo lugar.

 $("li").prependTo("p");

after: Inserta contenido especificado por el elemento despues de cada elemento

 $("parraf").after("li");
 $("p").after(" despues");

insertAfter: inserta el elemento despues del elemento al que se le hace referencia.

$('<h3>contenido</h3>').insertAfter('.clase');

before: Coloca el elemento antes del existente.

$('.clase').before('<p>Texto</p>');

insertBefore: Posiciona elementos antes del indicado.

$('<h3>contenido</h3>').insertBefore('.clase');