Leitfaden zur Verwendung der jQuery-Kette_jquery

Aus dem vorherigen Beispiel können wir jQuery-Anweisungen miteinander verknüpfen, was nicht nur die Codelänge verkürzt, sondern oft auch Spezialeffekte erzielt.

Code kopieren Der Code lautet wie folgt: $(function() { $("div").addClass("css1").filter(function(index) { Rückgabeindex == 1 ||. $(this).attr("id") == "fourth"; }).addClass("css2"); }); Der obige Code fügt den Stil css1 zur gesamten -Liste hinzu, filtert ihn dann und fügt dann den gefilterten Elementen den Stil css2 einzeln hinzu. Ohne jQuery wäre es sehr mühsam, die oben genannten Effekte zu erzielen.

In der jQuery-Kette verwenden nachfolgende Operationen das Ergebnis der vorherigen Operation als Objekt. Wenn Sie möchten, dass das Operationsobjekt das Objekt des vorherigen Schritts ist, können Sie die Methode end() verwenden.

Verwenden Sie die end()-Methode, um die jQuery-Kette zu steuern.

Code kopieren Der Code lautet wie folgt: $(function() { $("p").find("span").addClass("css1").end().addClass("css2"); }); & Lt; span & gt; & lt;/span & gt;

Der obige Code sucht nach dem -Tag in , fügt dann den Stil css1 hinzu, verwendet die end()-Methode, um das Operationsobjekt wieder auf $("p") zu setzen, und fügt den Stil css2 hinzu. Darüber hinaus können Sie die beiden vorherigen Objekte auch über andSelf() kombinieren und gemeinsam verarbeiten. Verwenden Sie die Methode andSelf(), um die jQuery-Kette zu steuern.

Code kopieren

Der Code lautet wie folgt: $(function() { $("div").find("p").addClass("css1").andSelf().addClass("css2"); });

Der obige jQuery-Code sucht zuerst nach dem -Tag, fügt css1 hinzu und verwendet dann die andSelf()-Methode, um und Kombinieren Sie sie und fügen Sie dann den Stil css2 hinzu.

Wirkung:

Code kopieren

Der Code lautet wie folgt:

Erster Absatz

Zweiter Absatz