Welche Methoden gibt es zum Durchlaufen von Knoten in jquery?

青灯夜游
Freigeben: 2022-03-22 19:31:26
Original
3810 Leute haben es durchsucht

Die Methoden, die jquery zum Durchlaufen von Knoten verwenden kann, sind: 1. children(), die alle direkten untergeordneten Elemente zurückgeben können 2. next(), die das nächste Geschwisterelement des ausgewählten Elements zurückgeben kann; , das das ausgewählte Element zurückgeben kann. 4. prev(); 5. siblings() und so weiter.

Welche Methoden gibt es zum Durchlaufen von Knoten in jquery?

Die Betriebsumgebung dieses Tutorials: Windows7-System, jquery1.10.2-Version, Dell G3-Computer.

Zusammenfassung der JQuery-Knotendurchlaufmethode

1. Methode „children()“: $('p').children()---Traverse, um alle untergeordneten Elementknoten des p-Elements zu finden

2 ( )Methode: $('p').next() --- Benachbarte Geschwisterelemente nach dem p-Element finden, aber nicht alle Geschwisterelemente

  [Verwandte Methoden]

  (1)nextAll()-Methode: $ ('p ').nextAll()----Finde alle Geschwisterelemente nach p

  (2)nextUntil() Methode: $('p').nextUntil('p')----Finde p Danach alle Geschwisterelemente bis p-Element

<p>Hello</p>
<div>
  <span>Hello Again</span>
  <p class="box">您好!</p>
</div>
<p>And Again</p>
<script type="text/javascript">
  $(&#39;div&#39;).children();   //<span>Hello Again</span><p class="box">您好!</p>
  $(&#39;div&#39;).children(&#39;.box&#39;)  //<p class="box">您好!</p>
</script>
Nach dem Login kopieren

3. prev()-Methode: $('p').prev() ---- Finden Sie die benachbarten Geschwisterelemente vor p

 [Verwandte Methoden sind ]

  (1) prevAll()-Methode: $('p').prevAll() ---- Alle Geschwisterelemente vor p finden

  (2) prevUntil()-Methode: $('p') -- - Finde alle Elemente vor p bis p-Element

<p>Hello</p>
<p class="box">Hello Again</p>
<div>
  <span>And Again</span>
</div>
<script type="text/javascript">
  $(&#39;p&#39;).next();   //<p>Hello Again</p><div><span>And Again</span></div>
  $(&#39;p&#39;).next(&#39;.box&#39;);  //<p class="box">Hello Again</p>
</script>
Nach dem Login kopieren

4. siblings()-Methode: $('p').siblings()---- Finde alle Geschwisterelemente vor und nach p

5. $('p').find('span') ---- Finden Sie das Unterelement innerhalb des p-Elements und es ist ein span-Element

6. 1) --- Finden Sie das zweite p-Element (Indexindex beginnt bei 0)

7 first() Methode: $('li').first() --- Holen Sie sich das erste li-Element

8. ) Methode: $('li').last() --- Holen Sie sich das letzte li-Element

9. Methode: $('p').filter('.box') --- Holen Sie sich das p Element mit dem Klassennamen box

10. is()-Methode: $('.box').is('p') ---- Bestimmen Sie, ob .box ein p-Element ist

11 ('p').map(callback) --- Führen Sie die Callback-Funktion für jedes p aus

Beispiel: Durchlaufen Sie das Eingabeelement, um seinen Wert zu erhalten, und fügen Sie ihn hinter dem p-Element hinzu, getrennt durch ","

<p>Hello</p>
<div>
  <span>Hello Again</span>
</div>
<p>And Again</p>
<script type="text/javascript">
  $(&#39;p&#39;).prev();  //<div><span>Hello Again</span></div>
</script>
Nach dem Login kopieren

12. hasClass()-Methode: $('p').hasClass('box') ---- Finden Sie p mit dem Klassennamenfeld

13. has()-Methode: $('p').has( 'span ') ---- p-Elemente finden, die span-Elemente enthalten

14. not()-Methode: $('p').not('span') ---- p-Elemente finden, die keine span-Elemente enthalten p-Element

15, Slice()-Methode: $('p').slice(0,2) ---- Finden Sie das erste p-Element bis zum dritten p-Element

16, offsetParent()-Methode: $('p' ).offsetParent() --- Finden Sie das erste positionierte Vorfahrenelement des p-Elements

17 parent()-Methode: $('p').parent() ---- Gibt das Element zurück, das p enthält Der einzige übergeordnete Knoten des Elements

18. parent()-Methode: $('p').parent() ---- Gibt alle Vorgängerknoten zurück, die das p-Element enthalten (mit Ausnahme des Wurzelknotens)

19 : $('p').parentUntil('#box') ---- Finden Sie die Vorgängerelemente des p-Elements bis #box

20 content() Methode: $('p').contents () - -- Gibt alle untergeordneten Knoten (einschließlich Textknoten) innerhalb des p-Elements zurück

21 end()-Methode: $('p').find('span').end() ---- Ersetzen Sie die Anweisung The main Der Körper wechselt in den vorherigen Zustand zurück, das heißt: Nachdem das span-Element gefunden wurde, kehrt der Fokus zum p-Element zurück

Das obige ist der detaillierte Inhalt vonWelche Methoden gibt es zum Durchlaufen von Knoten 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
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!