Bagaimana untuk memilih semua subkelas dalam jquery

Apabila kita perlu mencari semua elemen anak elemen DOM, kita boleh menggunakan pemilih dalam jQuery untuk mencapai ini. Pemilih untuk memilih elemen anak termasuk pemilih keturunan, pemilih elemen anak, pemilih adik beradik bersebelahan dan pemilih adik beradik sejagat. Pemilih ini dan cara menggunakannya diperkenalkan di bawah.

1. Pemilih keturunan

Pemilih keturunan ialah salah satu pemilih yang paling biasa digunakan dalam jQuery Ia mencari semua elemen anak dengan menyatakan elemen induk. Pemilih turunan menggunakan ruang ( ) untuk memisahkan dua nama elemen.

Sebagai contoh, pemilih berikut akan memilih semua elemen em di bawah semua elemen dengan kotak kelas:

$(".box em")

2 Pemilih elemen kanak-kanak

Pemilih elemen kanak-kanak Fungsinya adalah untuk menentukan hubungan langsung antara unsur induk dan unsur anak Hanya unsur anak yang boleh ditemui tetapi bukan unsur cucu. Pemilih elemen anak menggunakan tanda yang lebih besar daripada (》) untuk memisahkan dua nama elemen.

Sebagai contoh, pemilih berikut akan memilih semua elemen anak langsung h3 di bawah semua elemen dengan kotak kelas:

$(".box > h3")

3 Pemilih adik beradik bersebelahan

fasa Pemilih jiran kelihatan untuk unsur adik beradik yang bersebelahan dengan unsur. Ia menggunakan tanda tambah (+) untuk memisahkan dua nama elemen.

Sebagai contoh, pemilih berikut akan memilih elemen p pertama serta-merta mengikut elemen dengan item id:

$("#item + p")

4 Pemilih adik beradik sejagat

Universal Pemilih adik beradik adalah serupa kepada pemilih adik beradik bersebelahan, tetapi ia boleh memilih semua elemen p selepas elemen dengan item id, bukan hanya yang pertama.

$("#item ~ p")

Untuk meringkaskan, jQuery menyediakan berbilang cara untuk memilih elemen anak. Dengan memilih pemilih yang berbeza dengan sewajarnya, kami boleh mencapai kawalan penuh ke atas elemen DOM dan lebih mudah melaksanakan interaksi halaman dan kawalan animasi.

Atas ialah kandungan terperinci Bagaimana untuk memilih semua subkelas dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!