$ .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.