ホームページ >ウェブフロントエンド >jsチュートリアル >jQueryでのremoveData()メソッドの使用例
jQueryでのremoveData()メソッドの使用例
- PHPzオリジナル
- 2016-05-16 16:24:131690ブラウズ
この記事では主に jQuery での RemoveData() メソッドの使用法を紹介し、一致する要素の指定されたデータを削除するテクニックを分析します。それを参照できます
この記事の例では、jQuery でのremoveData() メソッドの使用法について説明します。皆さんの参考に共有してください。具体的な実装方法は次のとおりです。
このメソッドは、一致する要素上の指定されたデータを削除できます。
removeData() メソッドは data() メソッドとは逆の効果があります。
文法構造 1:
$(selector).removeData(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 ビデオ チュートリアル をご覧ください。声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。