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

Contoh penggunaan kaedah removeData() dalam jQuery

PHPz
Lepaskan: 2018-09-30 09:17:27
asal
1704 orang telah melayarinya

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)
Salin selepas log masuk

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>
Salin selepas log masuk

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!
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan