$ .ach: Diese Methode wird verwendet, um durch jede Sammlung, einschließlich Arrays und Objekte, zu iterieren
$ (Selector) .eft: Diese Methode wird verwendet, um JQuery -Objekte zu durchqueren
Syntax: $ .each (OBJ, Rückruf, Args)
①transfer durch das Array
var arr = ["a", "b", "c", "d", ...];
$ .each (Arry, Funktion (Index, Wert) {…})
In der Rückruffunktion: Index repräsentiert den Index des Arrays, der Wert repräsentiert den Wert im Array
②Transfer JSON -Objekte
var json = {key1: value1, key2: value2, key3: value3}
$ .each (JSON, Funktion (Schlüssel, Wert) {…})
In der Rückruffunktion: Der Schlüssel repräsentiert den Schlüssel im JSON -Objekt, der Wert repräsentiert den Wert im JSON -Objekt
③travaving durch JQuery -Objekte
var doms = $ ("div"); // jQuery -Objekt selbst ist eine Sammlung, und JQuery -Objekt kann durch Indexierung in DOM -Objekt konvertiert werden
$ .each (DOMS, Funktion (Index, Wert) {..})
In der Rückruffunktion: Index repräsentiert den Index im Jquery -Objekt, Wert repräsentiert das DOM -Objekt im Jquery -Objekt, und dasselbe DOM -Objekt kann auch über diese erhalten werden
Es gibt eine andere Möglichkeit, ③ zu schreiben, das ist $ ("div"). Jedes (Funktion (Index, Wert) {…})
Für die $ .each -Methode können Sie die Schleife beenden, indem Sie in der Rückruffunktion Falsch zurückgeben. Wenn die Rückgabe true, entspricht dies dem Fortsetzung der für die für die Loop
Frage: Warum ist dies in der $ (). Jede Rückruffunktion nicht ein JQuery -Objekt, sondern ein DOM -Objekt
Da die Essenz der $ () () jede Methode durch Aufrufen $ .ach implementiert wird.
Für das in $ () () übergebene Objekt wandelt das Objekt [i ++] das JQuery -Objekt in ein DOM -Objekt um und entführt dann die Eigenschaften des Objekts gemäß der Anwendenmethode. Dann wird diese in der Rückruffunktion in ein DOM -Objekt geändert
Wir sehen diese Schreibmethode oft im Jquery-Plug-In. Durch die obige Analyse sollte ich es verstehen
$ .fn.test = function (Option) {return this.each (function () {// Dies ist ein JQuery -Objekt -Alarm (this); // und dies ist ein DOM -Objekt})}Der obige Artikel hat ein tiefes Verständnis von $ .ECH und $ (Selector). Each ist der gesamte Inhalt, den ich mit Ihnen teile. Ich hoffe, es kann Ihnen eine Referenz geben und ich hoffe, Sie können Wulin.com mehr unterstützen.