jQuery aprendiendo a manipular elementos y manejar conceptos basico - segunda parte

html: Podemos recuperar o reemplazar el contenido HTML de un elemento.

var variahtml =$("#idJQuery").html();
$("p").html("<a href="http://www.google.es">Google</a>");

text: Es muy parecido a html() pero este hace caso omiso al las etiquetas HTML.

$("p").text("<a href="http://www.google.es">Google</a>");

wrap: Inserta una estructura HTML en el interior de un elemento (envolver).

$("span").wrap("<div><div><p><em><b></b></em></p></div></div>");

unwrap: Remueve una estructura HTML del elemento

$("span").unwrap();
o
$("span").unwrap("<b/>");

wrapAll: Envuelve a todos los elementos juntos.

$("li").wrapAll("<div class="estilo1"></div>");

wrapInner:Envuelve una estructura HTML alrededor del contenido de cada elemento en el conjunto de los elementos coincidentes.

$("li").wrapInner("<div class="estilo1"></div>");

replaceWith: reemplaza los tags HTML de los elementos por el contenido que pasemos.

 $("p").replaceWith("<div>"+ $("p").text()+"</div>");

replaceAll: Localiza todos los elementos en primera instancia. Esta función realiza la misma acción que replaceWith pero actua por cada elemento independientemente.

 $("p").replaceAll("<div>"+ $("p").text()+"</div>");

clone: Simplemente duplica los elementos.

$("#idJQuery").clone().prependTo("p");

empty: Vacia el contenido de los elementos.

$("#idJQuery").empty();

remove: Elimina los elementos.

$("#idJQuery").remove();