ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery.clone()関数例の詳細説明

jQuery.clone()関数例の詳細説明

巴扎黑
巴扎黑オリジナル
2018-05-19 16:16:181952ブラウズ

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

.writeln( this.value );} );

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。