11
votes

Que fait la fonction jQuery Data ()

Je n'ai pas trouvé quelle est l'utilisation de la fonction JQuery Data () . Quelqu'un peut-il me donner un exemple de la façon dont il peut être utilisé?


4 Réponses :


0
votes

Le Documentation JQuery résume assez bien:

retourne un identifiant unique pour l'élément.

typiquement cette fonction ne sera que utilisé intérieurement. Vous ne serez probablement pas Utilisez la méthode Data () de cette manière. il est appelé automatiquement si nécessaire Lorsque vous utilisez les autres données () fonctionnalité.

Fondamentalement, cette fonction existe pour supporter d'autres fonctions jQuery. Il est préférable d'ignorer cette fonction car il n'est pas destiné à faire partie de l'interface publique de l'API de JQuery.


1 commentaires

Vous vous référez à jquery.data , tandis que l'OP se réfère à jquery.fn.data ... assez différent.



2
votes

Il vous permet d'associer tout type de données avec un élément DOM. Voir Ceci Blog post pour quelques exemples.


0 commentaires

15
votes

C'est vraiment utile pour associer divers objets, chaînes, matrices, etc. avec un élément DOM. Voici une utilisation hypothétique amusante:

$("#header").data('headerSettings').color;


1 commentaires

I thi8nk il attribue de la valeur aux variables, tout comme Var Color = "Orange"



2
votes

Je pense que cette question nécessite un peu plus d'attention. Les données CODE> JQUERY sont vraiment puissantes pour divers étuis d'utilisation.

La fonction de données de JQuery's vous permet de stocker et de récupérer toutes les données associées avec n'importe quel objet JQuery. P>

Principalement, il peut Également être utilisé pour lire Data - Code> attributs défini sur n'importe quel noeud dans le HTML. p>

Exemple 1 strong> P>

HTML:

div> code>. P>

code jQuery: $ ("# mynode"). Données ("foo") // bar code> p>

Exemple 2 strong> P>

Je peux Stockez une valeur WRT n'importe quel nœud. p>

code jQuery: p>

$ ("# myNode"). Données ("foo", "Baz") $ ("# mynode"). Données ("foo") // baz code> p>

Une chose importante à noter ici est que lorsque l'on définit une donnée sur la note à l'aide de l'API de données, Le HTML n'est pas mis à jour dans le DOM. Si vous souhaitez mettre à jour le code HTML, vous voudrez peut-être vous tenir au attr ("Data-FOO", "Baz") CODE> Méthode. P>

tandis que vous pouvez lire des cordes stockées dans Attributs de données HTML, vous pouvez également affecter un objet tout en stockant une valeur à l'aide de l'API de données. P>

Il existe divers étuis d'utilisation dans lesquels les développeurs relient un objet avec un nœud. P>

par exemple

var obj = {
  name : "test"
}
$("#myNode").data("foo",obj);

$("#myNode").data("foo") === obj //true


0 commentaires