jQuery traversing (DOM bo‘ylab harakatlanish)
DOM bo‘ylab harakatlanish (traversing) nima?
jQuery traversing ("bo‘ylab harakatlanish" degan ma’noni anglatadi) HTML elementlarni boshqa elementlarga nisbatan munosabatiga ko‘ra "topish" (yoki tanlash) uchun ishlatiladi. Bitta tanlovdan boshlab, kerakli elementlarga yetguningizcha shu tanlov bo‘ylab harakatlanasiz.
Quyidagi rasmda HTML sahifa daraxt (DOM daraxti) ko‘rinishida tasvirlangan. jQuery traversing yordamida tanlangan (joriy) elementdan boshlab daraxt bo‘ylab osongina yuqoriga (ajdodlar), pastga (avlodlar) va yon tomonga (qo‘shni elementlar) harakatlanishingiz mumkin. Bu harakat DOM daraxti bo‘ylab harakatlanish (traversing) deb ataladi.
Rasm izohi:
- <div> elementi <ul> elementining ota elementi (parent) va o‘z ichidagi barcha elementlarning ajdodi (ancestor) hisoblanadi
- <ul> elementi ikkala <li> elementining ota elementi va <div> elementining bola elementi (child) hisoblanadi
- Chapdagi <li> elementi <span> elementining ota elementi, <ul> elementining bola elementi va <div> elementining avlodi (descendant) hisoblanadi
- <span> elementi chapdagi <li> elementining bola elementi hamda <ul> va <div> elementlarining avlodi hisoblanadi
- Ikkala <li> elementi qo‘shni elementlar (siblings) hisoblanadi (ularning ota elementi bitta)
- O‘ngdagi <li> elementi <b> elementining ota elementi, <ul> elementining bola elementi va <div> elementining avlodi hisoblanadi
- <b> elementi o‘ngdagi <li> elementining bola elementi hamda <ul> va <div> elementlarining avlodi hisoblanadi
Ajdod — bu ota, bobo, katta bobo va hokazo.
Avlod — bu bola, nabira, evara va hokazo.
Qardosh elementlarning ota elementi bitta bo‘ladi.
DOM bo‘ylab harakatlanish
jQuery DOM bo‘ylab harakatlanish imkonini beruvchi turli metodlarni taqdim etadi.
Traversing metodlarining eng katta toifasi — daraxt bo‘ylab harakatlanish (tree-traversal) metodlari.
Keyingi boblarda DOM daraxti bo‘ylab qanday qilib yuqoriga, pastga va yon tomonga harakatlanishni ko‘rib chiqamiz.
jQuery traversing ma’lumotnomasi
Barcha jQuery traversing metodlari bo‘yicha to‘liq ma’lumot uchun jQuery traversing ma’lumotnomasiga o‘ting.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!