Rumah >hujung hadapan web >tutorial js >Contoh penggunaan kaedah removeData() dalam jQuery

Contoh penggunaan kaedah removeData() dalam jQuery

PHPz
PHPzasal
2016-05-16 16:24:131729semak imbas

Artikel ini terutamanya memperkenalkan penggunaan kaedah removeData() dalam jQuery Ia menganalisis teknik kaedah removeData() untuk mengalih keluar data tertentu bagi unsur-unsur padanan Ia mempunyai nilai rujukan tertentu ia boleh merujuk kepadanya

Contoh dalam artikel ini menerangkan penggunaan kaedah removeData() dalam jQuery. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut:

Kaedah ini boleh mengalih keluar data yang ditentukan pada elemen padanan.
Kaedah removeData() mempunyai kesan yang bertentangan dengan kaedah data().

Struktur tatabahasa satu:

$(selector).removeData(name)

Senarai parameter:

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

namaPilihan. Mentakrifkan nama data yang akan dipadamkan. Jika tiada nama ditakrifkan, kaedah ini akan memadam semua data yang disimpan daripada elemen yang dipilih.
<!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>

Contoh kod:

Kod di atas boleh ditentukan melalui data( ) kaedah Elemen menambah data, kemudian menggunakan kaedah removeData() untuk memadam data, dan akhirnya mengesan sama ada data telah dipadamkan.

Di atas adalah keseluruhan kandungan bab ini, saya harap ia akan membantu pengaturcaraan jQuery semua orang Untuk lebih banyak tutorial berkaitan, sila lawati Tutorial Video jQuery!
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 berkaitan

Lihat lagi