jQuery selaus

Mitä on käynti?

jQuery käynti tarkoittaa 'siirtyminen', käytetään HTML-elementtien 'etsimiseen' (tai valitsemiseen) niiden suhteiden perusteella muihin elementteihin. Aloita jokin valinta ja siirry tähän valintaan, kunnes pääset haluamaasi elementtiin asti.

Seuraavassa kuvassa näkyy perhepuu. jQuery:n käynnistämisen avulla voit helposti siirtyä perhepuussa ylös (isäntä), alas (lapsi), sivulle (sisarukset). Tämä siirtyminen kutsutaan DOM:n käynnistämiseksi.

Kuvauksen selitys:

Vieritä DOM-puuta
  • <div> elementti on <ul>:n vanhempi, samalla myös kaikkien sisällön isäntä.
  • <ul> elementti on <li> elementin vanhempi, samalla myös <div>:n lapsi
  • Vasen <li> elementti on <span>:n vanhempi, <ul>:n lapsi, samalla myös <div>:n jälkeläinen.
  • <span> elementti on <li>:n lapsi, samalla myös <ul> ja <div>:n jälkeläinen.
  • Kaksi <li> elementtiä ovat sisaruksia (ovat saman isän lapsia).
  • Oikea <li> elementti on <b>:n vanhempi, <ul>:n lapsi, samalla myös <div>:n jälkeläinen.
  • <b> Elementti on oikean <li>:n lapsi, samalla myös <ul> ja <div>:n jälkeläinen.

Vinkki:Isäntä on isä, isoisä, isovanhempi jne. Lapsi on poika, tytär, lapsenlapsi jne. Sisarukset ovat saman isän lapsia.

Käynti DOM:ssa

jQuery tarjoaa useita DOM:n käyntimenetelmiä.

Suurin laji käyntimenetelmistä on puun käynti (tree-traversal).

Seuraavassa luvussa selitetään, miten siirtyy DOM-puun ylös, alas ja samalle tasolle.

jQuery: Käyntireferenssikirja

Jos haluat tietää kaikki jQuery:n käyntimenetelmät, vieraile jQuery: Käyntireferenssikirja.