jQuery 基礎トレーニング

jQuery エフェクト

clone()メソッドは、選択された要素集合の深層コピーを作成します。

深層コピーとは、選択された要素およびその全ての後裔要素、属性およびテキストノードをコピーすることを意味します。

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

すべての<p>要素をクローンし、それらをBODY要素の末尾に挿入します：

例

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

すべての<b>要素をクローンし、すべての段落の前に配置します：

例

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

イベントハンドラを含む最初のp要素をクローンし、BODY要素の末尾に挿入します：

例

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

パラメータ	説明
true	指定されたイベントハンドラは要素と一緒にコピーされるべきです
false	指定されたイベントハンドラは要素と一緒にコピーされません。これはデフォルトの値です