Compréhension approfondie de $ .each et $ (sélecteur).

$ .each: cette méthode est utilisée pour parcourir toute collection, y compris les tableaux et les objets

$ (sélecteur) .each: cette méthode est utilisée pour traverser les objets jQuery

Syntaxe: $ .each (obj, rappel, args)

①Transfert à travers le tableau

var arr = ["a", "b", "c", "d",…];

$ .each (arry, fonction (index, valeur) {…})

Dans la fonction de rappel: l'index représente l'index du tableau, la valeur représente la valeur dans le tableau

②Transfert JSON Objets

var json = {key1: value1, key2: value2, key3: value3}

$ .each (json, fonction (clé, valeur) {…})

Dans la fonction de rappel: la clé représente la clé de l'objet JSON, la valeur représente la valeur dans l'objet JSON

③Travel à travers des objets jQuery

var doms = $ ("div"); // jQuery Object lui-même est une collection, et l'objet jQuery peut être converti en objet DOM par indexation

$ .each (doms, fonction (index, valeur) {..})

Dans la fonction de rappel: l'index représente l'index dans l'objet jQuery, la valeur représente l'objet DOM dans l'objet jQuery, et le même objet DOM peut également être obtenu à travers cela

Il existe une autre façon d'écrire ③, qui est $ ("div"). Chaque fonction (index, valeur) {…})

Pour la méthode $ .each, vous pouvez quitter la boucle en retournant false dans la fonction de rappel. Si retour vrai, il est équivalent à la poursuite dans la boucle pour

Question: Pourquoi est-ce dans le $ (). Chaque fonction de rappel n'est pas un objet jQuery mais un objet DOM

Puisque l'essence du $ (). Chaque méthode est implémentée en appelant $ .each, nous pouvons voir le code redexe.Apply (objet [i ++], args) en analysant le code source $ .each.

Pour l'objet passé dans $ (). Chacun, l'objet [i ++] convertit l'objet jQuery en un objet DOM, puis détourne les caractéristiques de l'objet en fonction de la méthode d'application, alors ceci dans la fonction de rappel est changé en un objet DOM

Nous voyons souvent cette méthode d'écriture dans le plug-in jQuery. Grâce à l'analyse ci-dessus, je pense que je devrais le comprendre

 $ .fn.test = function (option) {return this.each (function () {// c'est une alerte d'objet jQuery (this); // et c'est un objet DOM})}

L'article ci-dessus a une compréhension approfondie de $ .each et $ (Selector) .ey est tout le contenu que je partage avec vous. J'espère que cela pourra vous donner une référence et j'espère que vous pourrez soutenir Wulin.com plus.