Tutoriales básicos de jQuery

Efectos jQuery

El método clone() crea una copia profunda del conjunto de elementos seleccionados.

La copia profunda significa que copiará el elemento seleccionado y todos sus elementos descendientes, atributos y nodos de texto.

$(selector).clone(true|false)

Clona todos los elementos <p> y colócalos al final del elemento <body>:

Ejemplo

$("button").click(function(){
　　$("p").clone().appendTo("body");
});

Clona todos los elementos <b> y colócalos antes de todos los párrafos:

Ejemplo

$("button").click(function(){
　　$("b").clone().prependTo("p");
});

Clona el primer elemento <p> que contiene un programa de manejo de eventos y úsalo al final del elemento <body>:

Ejemplo

$("p").click(function(){
　　$(this).animate({fontSize: "+=5px"});
});
$("button").click(function(){
　　$("p:first").clone(true).appendTo("body");
});

Parámetros	Descripción
true	El programa de manejo de eventos debe copiarse con el elemento
false	El programa de manejo de eventos no debe copiarse con el elemento. Esto es el valor predeterminado