Lintasan jQuery


Apa itu Melintasi?

jQuery traversing, yang berarti "bergerak melalui", digunakan untuk "menemukan" (atau memilih) elemen HTML berdasarkan hubungannya dengan elemen lain. Mulailah dengan satu pilihan dan lanjutkan pilihan itu sampai Anda mencapai elemen yang Anda inginkan.

Gambar di bawah mengilustrasikan halaman HTML sebagai pohon (pohon DOM). Dengan traversing jQuery, Anda dapat dengan mudah bergerak ke atas (nenek moyang), ke bawah (keturunan) dan ke samping (saudara kandung) di pohon, mulai dari elemen yang dipilih (saat ini). Gerakan ini disebut melintasi - atau bergerak melalui - pohon DOM.

Dimensi jQuery

Ilustrasi menjelaskan:

  • Elemen <div> adalah induk dari <ul>, dan nenek moyang dari semua yang ada di dalamnya
  • Elemen <ul> adalah induk dari kedua elemen <li>, dan anak dari <div>
  • Elemen <li> kiri adalah induk dari <span>, anak dari <ul> dan turunan dari <div>
  • Elemen <span> adalah anak dari <li> kiri dan turunan dari <ul> dan <div>
  • Kedua elemen <li> adalah saudara kandung (mereka memiliki induk yang sama)
  • Elemen <li> kanan adalah induk dari <b>, anak dari <ul> dan turunan dari <div>
  • Elemen <b> adalah anak dari <li> kanan dan turunan dari <ul> dan <div>

Leluhur adalah orang tua, kakek nenek, buyut, dan seterusnya.
Keturunan adalah anak, cucu, cicit, dan seterusnya.
Saudara kandung berbagi orang tua yang sama.


Melintasi DOM

jQuery menyediakan berbagai metode yang memungkinkan kita untuk melintasi DOM.

Kategori terbesar dari metode traversal adalah tree-traversal.

Bab selanjutnya akan menunjukkan kepada kita bagaimana melakukan perjalanan ke atas, ke bawah, dan ke samping di pohon DOM.


Referensi Melintasi jQuery

Untuk ikhtisar lengkap tentang semua metode Jelajah jQuery, silakan kunjungi Referensi Jelajah jQuery kami .