jQuery prehod pomeni "premikanje skozi" in se uporablja za iskanje ali izbiro HTML elementov na podlagi njihovega odnosa do drugih elementov. Začnemo z enim izborom in se premikamo po tem izboru, dokler ne dosežemo željenih elementov. Spodaj bomo videli sliko, ki ponazarja HTML stran kot drevo. S prečkanjem se lahko preprosto premikamo navzgor (predniki), navzdol (potomci) in vstran (bratje in sestre) v drevesu, začenši z izbranim oziroma trenutnim elementom. To gibanje se imenuje prečkanje ali prehod, ali premikanje skozi drevo.
Poskušal bom razložiti zgornjo sliko in sicer <div> je nadrejeni element <ul> elementu in prednik vsega, kar je v njem. Element <ul> je nadrejeni elementoma <li> in podrejeni <div> elementu. Levi element <li> je nadrejeni element <span> elementu, podrejeni element <ul> in potomec <div> elementa. Element <span> je podrejeni element levega <li> elementa in potomec <ul> in <div> elementa. Elementa <li> sta brata in sestra, pomeni, da imata istega starša. Desni element <li> je nadrejeni element <b> elementu, podrejeni element <ul> elementu in potomec <div> elementa. Element <b> je otrok desnega <li> elementa in potomec <ul> in <div> elementoma.
Z jQuery se lahko premikamo po drevesu DOM navzgor, da poiščemo prednike elementa, ki vemo, da je to lahko starš, stari starš, prastarši in tako naprej. Za pomikanje navzdol po drevesu su uporabne tri metode. Te metode so parent() (slo. Starš), parents() (slo. Starši) in parentsUntil() (slo. Starši Do).
parent() | Metoda parent() vrne neposredni element izbranega elementa. | Glej primer |
---|---|---|
parents() | Metoda parents() vrne vse elemente prednikov izbranega elementa. | Glej primer |
parentsUntil() | Metoda parentsUntil() vrne vse elemente prednikov med dvema podanima argumentoma. | Glej primer |
Z jQuery se lahko premikamo navzdol po drevesu DOM in poiščemo potomce elementa. Potomec je lahko otrok (ang. Child), vnuk (ang. Grandchild), pravnuk (ang. Great-grandchild) itn. Za premikanje navzdol po drevesu DOM poznamo dve metodi in to sta children() in find().
children() | Metoda children() vrne vse neposredne potomce izbranega elementa. | Glej primer |
---|---|---|
find() | Metoda find() vrne elemente potomce izbranega elementa. | Glej primer |
Z jQuery lahko po drevesu DOM poiščemo sorodnike elementa, bratje in sestre imajo istega starša in se premikamo vstran v drevesu DOM. Obstaja veliko uporabnih metod za bočno premikanje po drevesu DOM, kot je siblings(), next(), nextAll(), nextUntil(), prev(), prevAll() in prevUntil().
siblings() | Metoda siblings() vrne vse sorodne elemente izbranega elementa. | Glej primer |
---|---|---|
next() | Metoda next() vrne naslednji soroden element izbranega elementa. | Glej primer |
nextAll() | Metoda nextAll() vrne vse naslednje sorodne elemente izbranega elementa. | Glej primer |
nextUntil() | Metoda nextUntil() vrne vse naslednje sorodne elemente med dvema podanima argumentoma. | Glej primer |
prev() | Metoda prev() vrne prejšnji sorodni element izbranega elementa. | Glej primer |
prevAll() | Metoda prevAll() vrne vse prejšnje sorodne elemente izbranega elementa. | Glej primer |
prevUntil() | Metoda prevUntil() vrne vse prejšnje sorodne elemente med dvema podanima argumentoma. | Glej primer |
Najosnovnejše metode filtriranja so fist(), last() in eq(), ki nam omogočajo, da izberemo določen element na podlagi njegovega položaja v skupini elementov. Drugi metodi filtriranja sta še filter() in not(), ki nam omogočata, da izberemo elemente, ki ustrezajo ali ne ustrezajo določenim kriterijem.
first() | Metoda first() vrne prvi element od navedenih elementov. | Glej primer |
---|---|---|
last() | Metoda last() vrne zadnji element od navedenih elementov. | Glej primer |
eq() | Metoda eq() vrne element z določeno indeksno številko izbranih elementov. | Glej primer |
filter() | Metoda filter() nam omogoča, da določimo kriterij. | Glej primer |
not() | Metoda not() vrne vse elemente, ki ne ustrezajo kriterijem. | Glej primer |