Heim  >  Artikel  >  Web-Frontend  >  End-Methode in JQuery

End-Methode in JQuery

WBOY
WBOYOriginal
2023-05-12 10:41:06891Durchsuche

jQuery ist eine sehr beliebte JavaScript-Bibliothek, die die JavaScript-Programmierung vereinfacht und zu einem der unverzichtbaren Tools in der Front-End-Entwicklung geworden ist. In jQuery werden Kettenoperationen häufig verwendet, um DOM-Elemente zu bearbeiten. Die Methode end() in Kettenoperationen ist eine häufig verwendete Methode, die zum Zurücksetzen auf den vorherigen Status verwendet wird. Die Methode end()方法是常用的一个方法,它用于回退到之前的状态。

end()方法用于将当前选中集合重置为先前的状态。也就是说,如果在一个选择集合上进行了多个操作,那么end()方法可以用来回到之前的选择集合。

在jQuery中,end()方法可以用在链式操作中的任何位置。当链式操作中需要回退到之前的状态时,只需要调用end()方法即可。

比如,我们有一个HTML结构如下:

<div class="parent">
  <div class="child">child 1</div>
  <div class="child">child 2</div>
</div>

我们可以使用以下代码将所有的子元素设置为红色并返回到父元素上:

$(".parent").children().css("color", "red").end();

当我们调用end()方法时,它将回退到选择器选择.parent元素的状态,也就是说,重置了选择集合,不再作用于.child元素。

除了链式操作中使用end()方法,它还可以在其他场景中使用。比如,在获取和设置属性时,end()方法可以用来回退到最初的选择集合。以下是一个例子,用来获取元素属性并返回到之前的状态:

$(".test")
  .attr("name", "test")
  .end()
  .attr("id", "test");

在这个例子中,我们在.test元素上设置了一个名为test的属性。然后使用end()方法回退到了最初的选择集合,也就是作用于.test元素的集合状态。然后我们使用attr()方法设置了id属性,但是这个属性不会被作用于.test元素,而是作用于选择集合之前的元素,因为我们已经使用end()方法回退到最初的选择集合。

最后,需要注意的是,end()方法只能用于链式操作中前一步所返回的的集合。如果在链式操作中使用了其他操作,end()方法将没有作用。

总之,end()

end() wird verwendet, um die aktuell ausgewählte Sammlung auf den vorherigen Status zurückzusetzen. Das heißt, wenn mehrere Vorgänge für einen Auswahlsatz ausgeführt werden, kann die Methode end() verwendet werden, um zum vorherigen Auswahlsatz zurückzukehren. 🎜🎜In jQuery kann die Methode end() überall in der Kettenoperation verwendet werden. Wenn Sie in einer Kettenoperation zum vorherigen Status zurückkehren müssen, müssen Sie nur die Methode end() aufrufen. 🎜🎜Zum Beispiel haben wir eine HTML-Struktur wie folgt: 🎜rrreee🎜Mit dem folgenden Code können wir alle untergeordneten Elemente auf Rot setzen und an das übergeordnete Element zurückgeben: 🎜rrreee🎜Wenn wir end() wird auf den Zustand zurückgesetzt, in dem der Selektor das Element <code>.parent auswählt, d. h. die Auswahlsammlung wird zurückgesetzt und wirkt sich nicht mehr auf .child aus Element. 🎜🎜Neben der Verwendung der Methode end() in Kettenoperationen kann sie auch in anderen Szenarien verwendet werden. Beim Abrufen und Festlegen von Eigenschaften kann beispielsweise die Methode end() verwendet werden, um auf den ursprünglichen Auswahlsatz zurückzugreifen. Hier ist ein Beispiel für das Abrufen der Attribute eines Elements und das Zurücksetzen in ihren vorherigen Zustand: 🎜rrreee🎜 In diesem Beispiel legen wir ein Element mit dem Namen testfür die Eigenschaften des Elements .test fest. Verwenden Sie dann die Methode end(), um zur ursprünglichen Auswahlsammlung zurückzukehren, bei der es sich um den Sammlungsstatus handelt, der auf das Element .test wirkt. Dann verwenden wir die Methode attr(), um das Attribut id festzulegen, aber dieses Attribut wird nicht auf das Element .test angewendet, sondern auf die Auswahl Die Elemente vor der Sammlung, da wir die Methode end() verwendet haben, um auf die ursprüngliche Auswahlsammlung zurückzugreifen. 🎜🎜Abschließend ist zu beachten, dass die Methode end() nur für die Sammlung verwendet werden kann, die vom vorherigen Schritt in der Kettenoperation zurückgegeben wurde. Wenn andere Operationen in der Kettenoperation verwendet werden, hat die Methode end() keine Auswirkung. 🎜🎜Kurz gesagt, die Methode end() ist eine sehr praktische Methode, die in Kettenoperationen problemlos zum vorherigen Zustand zurückkehren kann. Wenn Sie diese Methode beherrschen, können Sie die Effizienz Ihres Codes verbessern und dessen Wartung vereinfachen. 🎜

Das obige ist der detaillierte Inhalt vonEnd-Methode in JQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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