jQuery
Instance ; performance ; mobile ; base, valeur des données extraites d'expériences scientifiques
méthode jquery jQuery.data() syntaxe
Fonction : La méthode data() ajoute des données à l'élément sélectionné ou obtient des données de l'élément sélectionné. Il s’agit d’une méthode de bas niveau ; utiliser .data() est plus pratique.
Fonction de retour de l'élément : Renvoie des données supplémentaires de l'élément sélectionné.
Syntaxe : $(selector).data(name)
Paramètres :
| Paramètres | Description |
| name | Facultatif. Spécifie le nom des données à récupérer. Si aucun nom n'est spécifié, cette méthode renvoie toutes les données stockées de l'élément en tant qu'objet. |
Ajouter des données à l'élément : Ajouter des données à l'élément sélectionné.
Syntaxe : $(selector).data(name,value)
Paramètres :
| Paramètre | Description |
| name | Obligatoire. Spécifie le nom des données à définir. |
| valeur | Obligatoire. Spécifie la valeur des données à définir. |
Ajouter des données aux éléments à l'aide d'objets : Ajouter des données aux éléments sélectionnés à l'aide d'objets avec des paires nom/valeur.
Syntaxe : $(selector).data(object)
Paramètres :
| Paramètres | Description |
| object | Obligatoire. Spécifie un objet contenant des paires nom/valeur. |
méthode jquery jQuery.data() exemple
<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#btn1").click(function(){
$("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
alert($("div").data("greeting"));
});
});
</script>
</head>
<body>
<button id="btn1">把数据添加到 div 元素</button><br />
<button id="btn2">获取已添加到 div 元素的数据</button>
<div></div>
</body>
</html>Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne