Heim > Web-Frontend > Front-End-Fragen und Antworten > Was kommt als nächstes in jquery?

Was kommt als nächstes in jquery?

WBOY
Freigeben: 2022-05-10 15:11:43
Original
2724 Leute haben es durchsucht

In jquery ist next eine Methode, die verwendet wird, um das Geschwisterelement nach dem ausgewählten Element zurückzugeben. Diese Methode kann die Geschwisterelemente direkt neben jedem Element in der Elementsammlung abgleichen, das nächste Geschwisterelement abrufen, das mit dem Selektor übereinstimmt, und nur eines Das Element wird zurückgegeben und die Syntax lautet „element object.next(selector)“.

Was kommt als nächstes in jquery?

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

Was kommt als nächstes in jquery? Die Methode

next() gibt das nächste gleichgeordnete Element des ausgewählten Elements zurück.

Geschwisterelemente sind Elemente, die dasselbe übergeordnete Element haben.

Hinweis: Diese Methode gibt nur ein Element zurück.

DOM-Baum: Diese Methode durchläuft vorwärts das nächste Geschwisterelement des DOM-Elements.

Syntax

$(selector).next(filter)
Nach dem Login kopieren

Parameterbeschreibung

filter Optional. Gibt einen Selektorausdruck an, der die Suche auf ein Geschwisterelement einschränkt.

next() Ruft die unmittelbar benachbarten Geschwisterelemente jedes Elements im Satz übereinstimmender Elemente ab. Wenn ein Selektor bereitgestellt wird, wird das nächste gleichgeordnete Element abgerufen, das mit dem Selektor übereinstimmt.

Das Beispiel lautet wie folgt:

<!DOCTYPE html>
<html>
<head>
  <script type="text/javascript" src="/jquery/jquery.js"></script>
</head>
<body>
  <p>Hello</p>
  <p class="selected">Hello Again</p>
  <div><span>And Again</span></div>
<script>
  $("p").next(".selected").css("background", "yellow");
</script>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

Was kommt als nächstes in jquery?

Empfehlung für ein entsprechendes Video-Tutorial: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas kommt als nächstes in jquery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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