Heim >Web-Frontend >js-Tutorial >Beispiel für die Verwendung der Methode „removeData()' in jQuery

Beispiel für die Verwendung der Methode „removeData()' in jQuery

PHPz
PHPzOriginal
2016-05-16 16:24:131724Durchsuche

Dieser Artikel stellt hauptsächlich die Verwendung der Methode „removeData()“ in jQuery vor. Er analysiert die Technik der Methode „removeData()“ zum Entfernen der angegebenen Daten übereinstimmender Elemente. Es hat einen bestimmten Referenzwert es kann darauf verweisen

Das Beispiel in diesem Artikel beschreibt die Verwendung der Methode „removeData()“ in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Implementierungsmethode lautet wie folgt:

Diese Methode kann die angegebenen Daten auf dem übereinstimmenden Element entfernen.
Die Methode „removeData()“ hat den gegenteiligen Effekt zur Methode „data()“.

Grammatikstruktur eins:

$(selector).removeData(name)

Parameterliste:

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

name Optional. Definiert den Namen der zu löschenden Daten. Wenn kein Name definiert ist, löscht diese Methode alle gespeicherten Daten aus den ausgewählten Elementen.
<!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>

Beispielcode:

Der obige Code kann durch die Daten angegeben werden( ) Methode Das Element hängt Daten an, löscht die Daten dann mit der Methode „removeData()“ und erkennt schließlich, ob die Daten gelöscht wurden.

Das Obige ist der gesamte Inhalt dieses Kapitels. Ich hoffe, es wird für die jQuery-Programmierung hilfreich sein. Weitere verwandte Tutorials finden Sie im jQuery-Video-Tutorial.
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn