cari

Rumah >hujung hadapan web >tutorial js >实例分享jQuery中removeData()用法

实例分享jQuery中removeData()用法

巴扎黑
巴扎黑asal
2017-06-20 10:39:061037semak imbas

这篇文章主要介绍了jQuery中removeData()方法用法,实例形式分析了removeData()方法移除匹配元素指定数据的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了jQuery中removeData()方法用法。分享给大家供大家参考。具体实现方法如下：

此方法可以移除匹配元素上指定的数据。
removeData()方法与data()方法的作用相反。

语法结构一:

$(selector).removeData(name)

参数列表:

参数 描述
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()方法删除数据，最后检测数据是否删除。

Atas ialah kandungan terperinci 实例分享jQuery中removeData()用法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jQuery.cleanData和jQuery.removeData实例用法对比Artikel seterusnya：jQuery.queue()实例用法详解

Artikel berkaitan

Lihat lagi