jQuery selector querySelector usage use guide_jquery

Pengenalan

HTML5 memperkenalkan dua kaedah baharu, document.querySelector dan document.querySelectorAll, kepada API Web untuk memilih elemen daripada DOM dengan lebih mudah Fungsinya serupa dengan pemilih jQuery. Ini menjadikan penulisan kod JavaScript asli lebih mudah.
Penggunaan

Kedua-dua kaedah menggunakan sintaks yang serupa, dan kedua-duanya menerima parameter rentetan Parameter ini perlu menjadi sintaks pemilihan CSS yang sah.

Parameter pemilih boleh mengandungi berbilang pemilih CSS, dipisahkan dengan koma.

Menggunakan dua kaedah ini tidak dapat mencari elemen dengan status kelas pseudo Contohnya, querySelector(':hover') tidak akan mendapat hasil yang diharapkan.

pemilih pertanyaan

querySelectorAll

Kaedah ini mengembalikan semua elemen yang memenuhi syarat, dan hasilnya ialah koleksi nodeList. Peraturan carian adalah sama seperti yang diterangkan sebelum ini.

elemen = document.querySelectorAll('div.foo');//Kembalikan semua div dengan gaya kelas foo
Perlu diingat bahawa elemen dalam koleksi nodeList yang dikembalikan bukan masa nyata.