Rumah >hujung hadapan web >tutorial js >jQuery hierarki penggunaan pemilih analysis_jquery

jQuery hierarki penggunaan pemilih analysis_jquery

WBOY
WBOYasal
2016-05-16 16:14:521258semak imbas

Dalam dokumen HTML, setiap elemen sentiasa berada pada kedudukan tertentu pada pepohon nod DOM dan sentiasa terdapat hubungan hierarki tertentu antara elemen dalam hierarki dokumen, seperti hubungan antara ibu bapa dan anak.

1. Pemilih elemen kanak-kanak

digunakan untuk mencari semua elemen anak di bawah elemen induk tertentu Format sintaks ialah:

Salin kod Kod Seperti berikut:
$("ibu bapa->anak");

2. Pemilih unsur keturunan

digunakan untuk memadankan semua elemen keturunan di bawah elemen nenek moyang yang diberikan Format sintaks ialah:

Salin kod Kodnya adalah seperti berikut. :
$("keturunan moyang");

3. Pemilih elemen adik beradik segera

digunakan untuk memadankan semua elemen seterusnya sejurus selepas elemen sebelumnya Format sintaks ialah:

Salin kod Kodnya adalah seperti berikut:
$("sebelumnya seterusnya")

4. Pemilih elemen adik beradik bersebelahan

digunakan untuk memilih semua elemen adik-beradik di belakang elemen Format sintaks adalah seperti berikut:

Salin kod Kod adalah seperti berikut:
$("prev~siblings")

Contoh komprehensif:

Salin kod Kod adalah seperti berikut: