Przemierzanie jQuery


Co to jest przemierzanie?

Przechodzenie przez jQuery, co oznacza "przechodzenie", służy do "znajdowania" (lub wybierania) elementów HTML na podstawie ich relacji z innymi elementami. Zacznij od jednego wyboru i przejdź przez ten wybór, aż dotrzesz do pożądanych elementów.

Poniższy obraz ilustruje stronę HTML jako drzewo (drzewo DOM). Dzięki przechodzeniu przez jQuery możesz łatwo poruszać się w górę (przodkowie), w dół (potomkowie) i na boki (rodzeństwo) w drzewie, zaczynając od wybranego (aktualnego) elementu. Ten ruch nazywa się przechodzeniem lub przechodzeniem przez drzewo DOM.

jQuery Wymiary

Wyjaśnienie ilustracji:

  • Element <div> jest rodzicem <ul> i przodkiem wszystkiego, co się w nim znajduje
  • Element <ul> jest rodzicem obu elementów <li> i dzieckiem <div>
  • Lewy element <li> jest rodzicem <span>, dzieckiem <ul> i potomkiem <div>
  • Element <span> jest dzieckiem lewego <li> i potomkiem <ul> i <div>
  • Dwa elementy <li> są rodzeństwem (mają tego samego rodzica)
  • Prawy element <li> jest rodzicem <b>, dzieckiem <ul> i potomkiem <div>
  • Element <b> jest potomkiem prawego <li> i potomkiem <ul> i <div>

Przodek jest rodzicem, dziadkiem, pradziadkiem i tak dalej.
Potomek to dziecko, wnuk, prawnuk i tak dalej.
Rodzeństwo ma tego samego rodzica.


Przemierzanie DOM

jQuery udostępnia różne metody, które pozwalają nam przemierzać DOM.

Największą kategorią metod przechodzenia jest przechodzenie przez drzewo.

Kolejne rozdziały pokażą nam, jak poruszać się w górę, w dół i na boki w drzewie DOM.


jQuery Traversing Reference

Aby uzyskać pełny przegląd wszystkich metod przechodzenia przez jQuery, przejdź do naszego podręcznika jQuery Traversing Reference .