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 コードを例として取り上げます:

＆gt; item3＆lt; /li＆gt; ");

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

関連ラベル：

関数 使用法 詳しい説明

ソース：php.cn

前の記事：jQueryでのremove()メソッドの使用法の分析例 次の記事：empty、remove、detach の違いの jQuery 解釈

このウェブサイトの声明

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

著者別の最新記事

• PHP配列に要素を追加する方法
  2023-03-14 15:58:02
• シンプルな多肢選択評価システムを実装する JS を示す例
  1970-01-01 08:00:00
• 同じ IP の複数の送信を制限する PHP ソリューション
  2023-03-15 07:38:01
• 正規表現を使用して HTML でフォーム検証を実装する
  1970-01-01 08:00:00
• JavaScript 厳密モードでのこの指摘の問題の詳細な説明
  1970-01-01 08:00:00
• Java でツリー メニュー (マルチレベル メニューを含む) を構築するためのコード例
  1970-01-01 08:00:00
• ホバーが離れたときにスムーズな遷移を実装する CSS3 の詳細な例
  1970-01-01 08:00:00
• スワイパーカルーセル画像のソースコード共有分析
  1970-01-01 08:00:00
• VsCode プラグインを要約して整理する
  1970-01-01 08:00:00
• HttpUtils リクエスト ツール クラス コード
  1970-01-01 08:00:00

最新の問題

function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";

から 2024-04-29 11:01:01

0

3

2323

Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?

から 2024-04-23 00:22:19

0

11

2455

子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。

から 2024-04-19 15:37:47

0

1

2071

親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');

から 2024-04-18 23:52:34

0

1

1957

CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア

から 2024-04-16 10:10:18

0

0

2024

関連トピック

詳細>

• Excel で最もよく使用される 8 つの関数
• USBインターフェースの種類は何種類ありますか？
• 不明なエラー 3004 の解決策
• Appleストアが接続できない
• rarファイルの開き方
• セルパディングとセルスペースの違い
• プリンターのインストールに失敗しました
• デフォルトのプリンターを設定する