Maison > interface Web > js tutoriel > Exemple d'utilisation de la méthode RemoveData() dans jQuery

Exemple d'utilisation de la méthode RemoveData() dans jQuery

PHPz
Libérer: 2018-09-30 09:17:27
original
1703 Les gens l'ont consulté

Cet article présente principalement l'utilisation de la méthode RemoveData() dans jQuery. Il analyse la technique de la méthode RemoveData() pour supprimer les données spécifiées des éléments correspondants sous forme d'exemples. Il a une certaine valeur de référence. il peut y faire référence

L'exemple de cet article décrit l'utilisation de la méthode removeData() dans jQuery. Partagez-le avec tout le monde pour votre référence. La méthode d'implémentation spécifique est la suivante :

Cette méthode peut supprimer les données spécifiées sur l'élément correspondant.
La méthode removeData() a l'effet inverse de la méthode data().

Structure grammaticale 1 :

$(selector).removeData(name)
Copier après la connexion

Liste des paramètres :

< td style="border-bottom : rgb(227,237,245) 1px solid ; bordure-gauche : rgb(227,237,245) 1px solid ; padding-bottom : 4px; padding-left : 4px; padding-right : 4px; retour à la ligne : break- mot ; taille de la police : 14 px ; débordement : caché ; bordure supérieure : rgb(227 237 245) 1px solide ; bordure droite : rgb(227 237 245) 1px solide ; 12px;word-wrap : break-word">Paramètres
参数描述
name可选。定义要删除的数据的名称。
如果没有定义名称,该方法将从被选元素中删除所有已存储的数据。
Description

nomFacultatif. Définit le nom des données à supprimer. Si aucun nom n'est défini, cette méthode supprimera toutes les données stockées des éléments sélectionnés.

<!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>
Copier après la connexion

Exemple de code :

Le code ci-dessus peut être spécifié via les données ( ) méthode L'élément ajoute des données, puis utilise la méthode removeData() pour supprimer les données et détecte enfin si les données ont été supprimées.

Ce qui précède représente l'intégralité du contenu de ce chapitre. J'espère qu'il sera utile à la programmation jQuery de tout le monde. Pour plus de didacticiels connexes, veuillez visiter le Tutoriel vidéo jQuery !
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal