jQuery Basic Tutorial

jQuery Effects

The clone() method creates a deep copy of the selected element set.

Deep copy means it will copy the selected element and all its descendant elements, attributes, and text nodes.

$$(selector).clone(true|false)

Clone all <p> elements and insert them at the end of the <body> element:

Example

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

Clone all <b> elements and place them before all paragraphs:

Example

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

Clone the first <p> element that contains an event handler and insert it at the end of the <body> element:

Example

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

Parameter	Description
true	The specified event handler should be copied with the element
false	The specified event handler should not be copied with the element. This is the default value