ホームページ >ウェブフロントエンド >jsチュートリアル >jQueryでのremoveData()の使用例の共有例
この記事では主に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 サイトの他の関連記事を参照してください。