ホームページ > 記事 > ウェブフロントエンド > jQuery.removeData()関数の使い方の詳しい説明
removeData() 関数は、現在の jQuery オブジェクト と一致する各要素に保存されている指定されたキーを持つデータ項目を削除するために使用されます。
removeData() 関数は、主に data() 関数を通じて保存されたデータを削除するために使用されます。
この関数はjQueryオブジェクト(インスタンス)に属します。
構文
removeData() 関数の構文は次のとおりです:
jQueryObject.removeData(keys)
注:removeData() は、一致する各要素の指定されたキー名のデータを削除します。現在の jQuery オブジェクト。
パラメータ
パラメータの説明
keys String/Array型で指定されたキー名stringまたはarray。
複数のキー名を持つデータ項目を同時に削除したい場合は、配列の形式でパラメーターを渡してください。配列の各要素は、削除する必要があるキー名の文字列です。スペースで区切られた各部分文字列を、削除する必要があるキー文字列として渡すこともできます。
パラメータのkeysが「a b c」などのスペースを含む文字列の場合、removeData()はまずキー名「a b c」(文字列自体)のデータ項目があるかどうかを判断し、存在する場合は削除します。データが保存され、セグメント化などの後続の操作は実行されません。存在しない場合はスペースで分割し、キー名が「a」、「b」、「c」のデータ項目(分割部分文字列)を削除します。
データを保存するキー名にスペースが含まれている場合 (「a b」など)、removeData() を使用して複数のキー名を持つデータ項目を同時に削除します (「ab c d」など、「ab」はキーです) name) の場合、スペースを含むキー名 (「a b」など) は正常に削除されません。代わりに配列を使用することも、スペースを含むキー名を個別に削除することもできます。
戻り値
removeData()関数の戻り値はjQuery型であり、現在のjQueryオブジェクトそのものを返します。
例と説明
次の HTML コードを例として取り上げます:
$li.data ("url", "http://www.365mini.com/");
// また、すべての li 要素のキー名 name を持つデータを削除します
$li。 RemoveData("name");
var $n5 = $("#n5"); // データは n4、n5、n6 を通して読み取ることができます
// キー値 name に対応するデータを返します
document.writeln( $n5.data ("name") ); // 未定義
var $n4 = $("#n4");
// キー名「desc url」のデータ項目が見つかりません、スペースに基づいて分割します
/ / キー名「desc」と「url」を持つデータ項目を削除します
$n4.removeData("desc url");
document.writeln( $n4.data("desc ") ); // 未定義
document.writeln( $n4.data("url") ); // 未定義
$li.data("a", "テスト a");
$li.data ("b", "Test b ");
$li.data("a b", "Test a b");
//キー名が "a b" のデータ項目のみが削除されます$li .removeData("a b");
document.writeln( $li.data("a") ); // a
document.writeln( $li.data("b") );
以上がjQuery.removeData()関数の使い方の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。