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
Freigeben: 2018-09-30 09:17:27
Original
1704 Leute haben es durchsucht

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)
Nach dem Login kopieren

Parameterliste:

< td style="border-bottom: rgb(227,237,245) 1px solid; border-left: rgb(227,237,245) 1px solid; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; Zeilenumbruch: break- Wort; Schriftgröße: ausgeblendet; Rand-oben: rgb(227,237,245) 1px fest: 4px 12px;word-wrap: break-word">Parameters
参数描述
name可选。定义要删除的数据的名称。
如果没有定义名称,该方法将从被选元素中删除所有已存储的数据。
Beschreibung

nameOptional. 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>
Nach dem Login kopieren

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.
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage