jQueryで要素をコピーする:clone()

clone() は要素のコピーを作成するメソッドです。要素に設定されているイベントハンドラもコピーすることができます。

同じ要素を何度も使用するときに便利なメソッドです。

clone() の使い方

clone() の記述方法は以下の通りです。

clone() は戻り値にコピーされた jQuery オブジェクトを返します。

引数に true を指定するとイベントハンドラも同時にコピーされます。引数に何も指定しなかった場合は、イベントハンドラはコピーされません。

サンプル

以下は、ボタンをクリックするとボタンがコピーされ追加される例です。

HTML

jQuery

上の例では、引数に true を指定しているので、コピーされた方のボタンをクリックした場合でも新しいボタンが作成されます。

もし引数に何も指定しなかった場合は、イベントハンドラはコピーされず、コピーされた方のボタンをクリックしてもイベントは発生しません。


Welcome to UX MILK

UX MILKはより良いサービスやプロダクトを作りたい人のためのメディアです。

このサイトについて

購読

平日・週2回更新