Heim >Web-Frontend >js-Tutorial >Anwendungsbeispiele der andSelf()-Methode in jQuery_jquery

Anwendungsbeispiele der andSelf()-Methode in jQuery_jquery

WBOY
WBOYOriginal
2016-05-16 16:21:30966Durchsuche

Das Beispiel in diesem Artikel beschreibt die Verwendung der andSelf()-Methode in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Diese Methode kann das zuvor ausgewählte Element zur aktuellen Elementsammlung hinzufügen.

Grammatikstruktur:

Code kopieren Der Code lautet wie folgt:
.andSelf()

Da es schwierig sein kann, diese Methode zu verstehen, analysieren wir das folgende Beispiel im Detail. Um die Anzeige des Codes zu erleichtern, wurde nur der Kerninhalt des Codes abgefangen.

Code kopieren Der Code lautet wie folgt:

$(".second").nextAll().css("color","green");
  • html-Bereich
  • DIV CSS Zone
  • Javascript Zone
  • Jquery Zone




Nachdem der obige Code ausgeführt wurde, wird die Textfarbe im dritten und vierten Li auf Grün gesetzt. Schauen Sie sich den folgenden Code noch einmal an:


Code kopieren

Der Code lautet wie folgt: $(".second").nextAll().andSelf().css("color","green");
  • html-Bereich
  • DIV CSS Zone
  • Javascript Zone
  • Jquery Zone





  • Nachdem der obige Code ausgeführt wurde, wird die Textfarbe im zweiten, dritten und vierten Li auf Grün gesetzt.
    Der Unterschied in den Laufergebnissen der beiden Codes ist auf die andSelf()-Methode zurückzuführen.

    Analysieren Sie den Ausführungsprozess des Codes: Verwenden Sie zunächst den Klassenselektor, um das zweite li-Element auszuwählen, und konvertieren Sie dann das dritte und vierte Element mit der Methode nextAll () in die aktuelle Auswahl. Wenn Sie hier mit dem Aufruf der Methode css() beginnen, ist dies das Ergebnis des ersten Codeabschnitts. Wenn Sie die Methode andSelf () aufrufen, wird das zuvor ausgewählte Element zur aktuellen Elementsammlung hinzugefügt. Anschließend wird die Methode css () aufgerufen und die Schriftfarbe in den drei li-Elementen wird grün.

    Beispielcode:

    Code kopieren

    Der Code lautet wie folgt:
    Skript-Startseite
    • html-Bereich
    • DIV CSS Zone
    • Javascript Zone
    • Jquery Zone




    Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.
    Stellungnahme:
    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