Maison > Article > interface Web > Comment utiliser les données jquery()
Comment utiliser les données jquery()
- 青灯夜游original
- 2022-03-03 15:53:572766parcourir
Dans jquery, la méthode data() peut être utilisée pour ajouter des données à l'élément sélectionné, la syntaxe "$(selector).data(name,value)" ; elle peut également être utilisée pour obtenir des données de l'élément sélectionné, la syntaxe "$ (sélecteur).data(name)".
L'environnement d'exploitation de ce tutoriel : système windows7, version jquery1.10.2, ordinateur Dell G3.
Méthode jquery data()
La méthode data() ajoute des données à l'élément sélectionné ou obtient des données de l'élément sélectionné.
Syntaxe :
Renvoie des données supplémentaires à partir de l'élément sélectionné.
$(selector).data(name)
| paramètres | description |
|---|---|
| nom |
facultatif. Spécifie le nom des données à récupérer. Si aucun nom n'est spécifié, cette méthode renverra toutes les données stockées de l'élément sous la forme d'un objet. |
Ajouter des données à l'élément sélectionné.
peut être une seule paire nom/valeur
$(selector).data(name,value)
| paramètre | description |
|---|---|
| nom | obligatoire. Spécifie le nom des données à définir. |
| valeur | obligatoire. Spécifie la valeur des données à définir. |
Vous pouvez également ajouter des données aux éléments sélectionnés à l'aide d'objets avec des paires nom/valeur.
$(selector).data(object)
| paramètre | description |
|---|---|
| objet | obligatoire. Spécifie un objet contenant des paires nom/valeur. |
Exemple : Ajouter des données à un élément, puis récupérer ces données
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.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>
[Apprentissage recommandé : Tutoriel vidéo jQuery, interface Web]
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!