jQueryでのremoveData()メソッドの使用例-jsチュートリアル-php.cn

jQueryでのremoveData()メソッドの使用例

PHPz

リリース： 2018-09-30 09:17:27

オリジナル

1704 人が閲覧しました

この記事では主に jQuery での RemoveData() メソッドの使用法を紹介し、一致する要素の指定されたデータを削除するテクニックを分析します。それを参照できます

この記事の例では、jQuery でのremoveData() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な実装方法は次のとおりです。

このメソッドは、一致する要素上の指定されたデータを削除できます。
removeData() メソッドは data() メソッドとは逆の効果があります。

文法構造 1:

$(selector).removeData(name)

ログイン後にコピー

パラメータリスト:

< td style="border-bottom: rgb(227,237,245) 1px ソリッド; border-left: rgb(227,237,245) 1px ソリッド; パディングボトム: 4px; パディング左: 4px; パディング右: 4px; ワードラップ: ブレーク-ワード; フォントサイズ: 14px; オーバーフロー: 非表示; ボーダートップ: rgb(227,237,245) ソリッド; ボーダートップ: 4px">パラメータ

参数	描述
name	可选。定义要删除的数据的名称。如果没有定义名称，该方法将从被选元素中删除所有已存储的数据。

説明

名前オプション。削除するデータの名前を定義します。 名前が定義されていない場合、このメソッドは選択した要素から保存されているデータをすべて削除します。

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="//www.jb51.net/" />
<title>脚本之家</title> 
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("#add").click(function(){ 
    $("p").data("mydata","脚本之家欢迎您"); 
  }); 
  $("#show").click(function(){ 
    $("p").text($("p").data("mydata")); 
  }); 
  $("#delete").click(function(){ 
    $("p").removeData("mydata"); 
    alert($("p").data("mydata")); 
  }) 
}); 
</script> 
</head> 
<body> 
  <p></p> 
  <button id="add">向元素添加数据</button> 
  <button id="show">显示添加的数据</button> 
  <button id="delete">删除元素中的数据</button> 
</body> 
</html>

ログイン後にコピー

コード例:

上記のコードは data( ) メソッドこの要素はデータを追加し、その後、removeData() メソッドを使用してデータを削除し、最後にデータが削除されたかどうかを検出します。

上記がこの章の全内容です。その他の関連チュートリアルについては、jQuery ビデオチュートリアルをご覧ください。