jQuery melintasi

Apa Melintasi?

jQuery melintasi, yang berarti "bergerak melalui", yang digunakan untuk "menemukan" (atau pilih) elemen HTML berdasarkan hubungan mereka dengan unsur-unsur lain. Mulailah dengan satu pilihan dan bergerak melalui seleksi yang sampai Anda mencapai elemen yang Anda inginkan.

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

Ilustrasi menjelaskan:

The <div> elemen adalah induk dari <ul> , dan nenek moyang dari segala sesuatu di dalamnya
The <ul> elemen adalah induk dari kedua <li> elemen, dan anak <div>
Meninggalkan <li> elemen adalah induk dari <span> , anak <ul> dan keturunan <div>
The <span> elemen adalah anak dari kiri <li> dan keturunan <ul> dan <div>
Kedua <li> elemen adalah saudara kandung (mereka berbagi induk yang sama)
Kanan <li> elemen adalah induk dari <b> , anak <ul> dan keturunan <div>
The <b> elemen adalah anak dari hak <li> dan keturunan <ul> dan <div>

Leluhur adalah orang tua, kakek-nenek, buyut, dan seterusnya.
Sebuah keturunan adalah anak, cucu, cicit, dan sebagainya.
Saudara kandung berbagi induk yang sama.

Melintasi DOM

jQuery menyediakan berbagai metode yang memungkinkan kita untuk melintasi DOM.

Kategori terbesar metode traversal adalah pohon-traversal.

Bab-bab berikutnya akan menunjukkan kepada kita bagaimana perjalanan ke atas, ke bawah dan ke samping di pohon DOM.