ホームページ > 記事 > ウェブフロントエンド > jQuery.clone()関数例の詳細説明
clone() 関数は、一致する要素の現在のセットのコピーを複製するために使用され、それを jQuery オブジェクトの形式で返します。これを単純に、現在の jQuery オブジェクトのクローンを作成すると理解することもできます。
これらの一致する要素 (その子も含む) の追加データ (data() 関数) をコピーして events をバインドするかどうかも指定できます。
この関数はjQueryオブジェクト(インスタンス)に属します。
構文
jQueryObject.clone( withDataAndEvents [, deepWithDataAndEvents ] )
Parameters
パラメータの説明
withDataAndEvents オプション/ブール型 要素の追加データとバインディング イベントを同時にコピーするかどうか、デフォルトは間違い。
deepWithDataAndEvents オプション/ブール型 要素のすべてのサブ要素の追加データとバインディング イベントを同時にコピーするかどうか、デフォルト値はパラメーター withDataAndEvents の値です。
clone() は主に、現在の jQuery オブジェクトのコピーを複製するために使用されます。
jQuery 1.5 の新しいサポート: clone() は 2 番目のパラメーター deepWithDataAndEvents をサポートします。このパラメータは、クローン要素のすべての子要素の追加データとバインディング イベントを同時にコピーするかどうかを示します。
注:
1. jQuery 1.4 より前では、 clone() 関数は要素のバインディング イベントを追加コピーするだけでした。バージョン 1.4 からは、要素の追加データのコピーをサポートするようになりました。
2. バージョン 1.5.0 (1.5.0 のみ) では、withDataAndEvents パラメーターのデフォルト値が誤って true に設定されていましたが、1.5.1 以降、そのデフォルト値は false に戻りました。
戻り値
clone()関数の戻り値はjQuery型で、現在のjQueryオブジェクトのクローンコピーを返します。
注: パフォーマンス上の理由から、 clone() 関数は、ユーザーが 4750256ae76b6b9d804861d8f69e79d3 に入力したコンテンツやユーザーが 221f08282418e2996498697df914ce4e で選択したオプションなど、一部のフォーム要素のダイナミクスをコピーしません。ただし、ユーザーがテキストに入力した内容やユーザーが選択したチェックボックスの状態など、d5fd7aea971a85678ba271703566ebfd 要素のダイナミクスはコピーされます。 例と説明
clone() 関数は、現在の jQuery オブジェクトのクローンを作成するために使用されます。例として次の HTML コードを参照してください:
<p id="n1"> <input id="n2" type="button" value="按钮1" /> <input id="n3" type="button" value="按钮2" /> </p>
次の jQuery サンプル コードは、clone() 関数の具体的な使用法を示すために使用されます:
// 現在の jQuery バージョン: 1.11.1
$(": button").click ( function(){
document
var $n2 = $("#n2");
$n2.data(" myData", "Append data");
//追加のデータとバインディング イベントのクローン作成はありません
var $clonedN2 = $n2.clone(); // 両方のパラメータのデフォルトは false
document.writeln( $ clonedN2.data(" myData") ); // 未定義
$clonedN2.trigger("click") // (バインドされたクリックイベントなし、応答出力なし)
// 追加のデータとバインドされたイベントを同時に複製しますtime
var $ clonedN2WithCopy = $n2.clone( true ); // 2 つのパラメーター: true、true (2 番目のパラメーターは設定されておらず、デフォルトは最初のパラメーターの値です)
document.writeln( $clonedN2WithCopy. data("myData" ) ); // 追加データ
$clonedN2WithCopy.trigger("click"); // ボタン 1
以上がjQuery.clone()関数例の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。