Heim > Web-Frontend > js-Tutorial > Beispiele für die Verwendung der jQuery-Kette in jQuery „applications_jquery'.

Beispiele für die Verwendung der jQuery-Kette in jQuery „applications_jquery'.

WBOY
Freigeben: 2016-05-16 16:19:24
Original
994 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt die Verwendung der jQuery-Kette in einer jQuery-Anwendung. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Oft können wir jQuery-Anweisungen miteinander verknüpfen, was nicht nur die Codelänge verkürzt, sondern oft auch Spezialeffekte erzielt. Schauen Sie sich zunächst den folgenden Code an:

Code kopieren Der Code lautet wie folgt:

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 Methode end(), um die jQuery-Kette zu steuern.

Code kopieren Der Code lautet wie folgt:

Hallo,wiegeht es dir?


sehr schön,Vielen Dank.

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:


Erster Absatz


Zweiter Absatz


Der obige jQuery-Code sucht zuerst nach dem

-Tag, fügt css1 hinzu und verwendet dann die andSelf()-Methode, um < div> 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


Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage