jQueryでのremoveData()の使用例の共有例-jsチュートリアル-php.cn

jQueryでのremoveData()の使用例の共有例

巴扎黑

リリース： 2017-06-20 10:39:06

オリジナル

1015 人が閲覧しました

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

jQuery でのremoveData() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです:

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

文法構造 1:

$(selector).removeData(name)

パラメータリスト:

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

コード例:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.php.cn" />
<title>PHP中文网</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","PHP中文网欢迎您"); 
  }); 
  $("#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でのremoveData()の使用例の共有例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。