Was ist die Verwendung von end in jquery

Die Funktion von end in jquery besteht darin, den letzten Filtervorgang in der aktuellen Kette zu beenden und den übereinstimmenden Elementsatz in seinen vorherigen Zustand zurückzusetzen. Seine Verwendungssyntax ist „.end()“.

Die Betriebsumgebung dieses Artikels: Windows 7-System, JQuery-Version 3.2.1, DELL G3-Computer

Was ist die Verwendung von Ende in JQuery? Die Methode

jquery end() beendet den letzten Filtervorgang in der aktuellen Kette und stellt den Satz übereinstimmender Elemente in seinem vorherigen Zustand wieder her.

Syntax

.end()

Details

Die meisten jQuery-Traversalmethoden arbeiten mit einer jQuery-Objektinstanz und generieren ein neues Objekt, das einem anderen Satz von DOM-Elementen entspricht. In diesem Fall sollte der neue Satz von Elementen auf den im Objekt verwalteten Stapel verschoben werden. Bei jedem erfolgreichen Filtermethodenaufruf wird ein neues Element auf den Stapel verschoben. Wenn wir den alten Satz von Elementen benötigen, können wir end() verwenden, um den neuen Satz vom Stapel zu entfernen.

Angenommen, es gibt ein Paar kurze Listen auf der Seite:

<ul class="first">
   <li class="foo">list item 1</li>
   <li>list item 2</li>
   <li class="bar">list item 3</li>
</ul>
<ul class="second">
   <li class="foo">list item 1</li>
   <li>list item 2</li>
   <li class="bar">list item 3</li>
</ul>

Beispiel

Hauptsächlich ist jQuery nützlicher, wenn das Kettenattribut (Befehlskette) von jQuery genutzt wird. Wenn wir die Befehlskette nicht verwenden, rufen wir normalerweise das vorherige Objekt über den Variablennamen auf, sodass wir den Stapel nicht bedienen müssen. Aber mit end() können wir alle Methodenaufrufe miteinander verketten:

$('ul.first').find('.foo').css('background-color', 'red')
  .end().find('.bar').css('background-color', 'green');

Diese Befehlskette ruft die Elemente in der ersten Liste mit dem Klassennamen foo ab und setzt ihren Hintergrund auf Rot. end() stellt den Zustand des Objekts vor dem Aufruf von find() wieder her, daher sucht das zweite find() nach „.bar“ in

foo"> und setzen Sie den Hintergrund des passenden Elements auf Grün. Das Endergebnis ist, dass die Elemente 1 und 3 in der ersten Liste einen farbigen Hintergrund erhalten, während die Elemente in der zweiten Liste keine Änderung erfahren.

Empfohlenes Lernen: „JQuery-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonWas ist die Verwendung von end in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!