Perbezaan antara pemilih elemen anak dan pemilih elemen keturunan dalam jquery: 1. Sintaks pemilih elemen anak ialah "$("elemen induk>elemen anak")", dan sintaks pemilih elemen keturunan ialah " $("elemen anak elemen induk""; 2. Pemilih elemen anak hanya mempengaruhi keturunan langsung, tetapi tidak menjejaskan keturunan berbilang lapisan, manakala pemilih unsur keturunan mempengaruhi semua elemen keturunan yang ditentukan.
Persekitaran pengendalian artikel ini: sistem Windows 10, versi jquery 3.6.0, komputer Dell G3.
Elemen turunan: Kod html adalah seperti berikut, kemudian apabila memilih dalam jquery, $(".test img") , di tengah Jika ia adalah ruang, ia memilih unsur keturunan Untuk ul, img ialah unsur cucu, dipisahkan oleh unsur li, jadi unsur keturunan merujuk kepada cucu, cicit dan unsur di atas dalam tag ul. .
elemen anak: Kod html adalah seperti berikut, kemudian apabila memilih dengan jquery, $(".test>li"), dengan tanda >lebih besar daripada di tengah, pilih elemen anak, li ialah anak unsur ul, jadi unsur anak merujuk kepada unsur generasi keturunan dalam tag ul.
Pemilih keturunan ditulis dengan menulis teg luar di hadapan dan teg dalam di belakang, dipisahkan oleh ruang. Apabila teg bersarang, teg dalam menjadi keturunan teg luar.
Pemilih sub ialah pemilih yang hanya mempengaruhi keturunan langsung, tetapi tidak mempunyai kesan pada "keturunan cucu" dan keturunan berbilang lapisan.
Mata yang sama
Kedua-dua pemilih keturunan dan tag elemen anak boleh menggunakan nama tag/nama id/ Nama kelas, dsb. sebagai pemilih
Pemilih turunan dan tag elemen anak boleh diteruskan melalui simbol masing-masing
Cara memilih dalam pembangunan perusahaan
Jika anda ingin memilih semua teg yang ditentukan dalam teg yang ditentukan, kemudian gunakan pemilih keturunan
Jika anda ingin memilih semua teg anak tertentu dalam teg yang ditentukan, kemudian gunakan pemilih anak
Berkaitan cadangan tutorial: tutorial video jQuery
Atas ialah kandungan terperinci Apakah perbezaan antara pemilih elemen kanak-kanak dan pemilih elemen keturunan dalam jquery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!