soalan kuiz jQuery 11-20

Kuiz JQuery ini (Soalan 11-20) menguji pengetahuan anda tentang perpustakaan JavaScript yang popular ini. Pembetulan dialu -alukan!

Konsep utama yang dilindungi:

Kuiz ini menilai pemahaman anda tentang pengendalian acara jQuery, pelaksanaan fungsi, pemilihan elemen, manipulasi kelas, dom traversal, dan tafsiran kod.

Soalan 11:

Bagaimana anda menentukan kekunci mana yang ditekan menggunakan jQuery?

a. B.

C.

D. $('#txtValue').keypress(function (event) { $('#txtvalue').alert((event.keyCode)); }); $(‘#txtValue’).keypress(function (event) { alert(String.fromCharCode((event.keyCode))); }); $(‘#txtValue’).keypress(function (event) { alert(fromCharCode((event.keyCode))); }); Betul Jawapan: d $(‘#txtValue’).keypress(function (event) { $(‘#txtvalue’).alert((event.which)); });

rujukan API: https://www.php.cn/link/2D2C18C1AAEAC9FCC028DD14F4C074CE

Soalan 12: Memandangkan kod ini: akan laksanakan jika "lastli" diklik?

a. Ya B. NO Betul Jawapan: b $('#ul1 li').on('click', function1); $('#ul1').after('<li id="lastLi">Last item</li>'); function1

Soalan 13:

Apa yang berlaku

kembali?

a. Tag dengan id "li". B. Tag dengan kelas "li". C. tag yang merupakan anak -anak dari

dengan kelas "myid". D.

tag yang merupakan anak -anak dari dengan id "myid". $("ul#myId > li");

Betul Jawapan: d

li ul Soalan 14: li Apakah hasil dari ul?

a. Baris di Indeks 3n 1 (n = 0, 1, 2 ...) Dapatkan kelas. B. Baris di Indeks 3n (n = 1, 2 ...) Dapatkan kelas. C. Semua baris mendapatkan kelas. D. Tiada baris mendapatkan kelas.

Jawapan yang betul:

a (lihat ini dalam tindakan: https://www.php.cn/link/705222cd467f1001ad2d2d009707f61d9 ) $('#table1').find('tr').filter(function (index) { return index % 3 == 0 }).addClass('firstRowClass');

Soalan 15:

Bagaimana anda menggerakkan elemen ke yang lain?

a. B. C. D.

Jawapan yang betul: a

Soalan 16:

Apa yang dilakukan $('#source').prependTo('#destination');? $("#source").add("#destination");

a. Bungkus setiap rentang dengan kelas "item" dalam <li>. B. memasukkan setiap rentang dengan kelas "item" ke dalam <li>. C. memasukkan "item" ke dalam setiap rentang dengan kelas "item". D. Menggantikan setiap rentang dengan kelas "item" dengan "item".

Jawapan yang betul: a (lihat ini dalam tindakan: https://www.php.cn/link/0f0e0ddd3be45a94e4941c890a8ed1d1 )

Soalan 17: Apakah hasil dari ? jQuery.unique([1, 2, 2, 3, 3, 1]);

a.

B. [1, 2, 3] C. [3, 2, 1] D. Tiada yang di atas [1, 1, 2, 2, 3, 3]

Jawapan yang betul: a (lihat ini dalam tindakan: https://www.php.cn/link/b050b09d2d80bdc271a775b4639258 )

Soalan 18:

Apakah hasil ? $('#table1').find('tr').hide().slice(10, 20).show(); a. Menunjukkan baris 11-20 dari

. B. menunjukkan 20 baris bermula dari ke -10

. C. Memadam baris 10-20 table1. D. Menghapus 20 baris bermula dari ke -10 table1. table1 table1

Jawapan yang betul:

a (lihat ini dalam tindakan: https://www.php.cn/link/17440cbf2d556ce0c9455586426aaa ) Soalan 19:

Menambah kelas "sempadan" ke: a. Semua <code>$("div").find("p").andSelf().addClass("border"); tag di dalam

tag. B. Semua

tag dan <code><p></p> tag di dalam <div> tags. C. Semua <code><div> tag. D. Semua <code> <shop> </shop> tags. <code><p></p>

Jawapan yang betul: <code><p></p> b (Lihat ini dalam tindakan: https://www.php.cn/link/ffdc7fa722222f38cac5455d928f2b021b

) Soalan 20: Pernyataan (s) RETURN tag yang mengandungi "jQuery"?

<p></p>

<li> $('p:contains(jQuery)'); a. 1 dan 2 B. 1 dan 3 C. 2 dan 3 D. 1, 2, dan 3 <li> $('p:contains("jQuery")'); Jawapan yang betul: <li> a (lihat ini dalam tindakan: $('p:has("jQuery")'); https://www.php.cn/link/c064251d2c999999999999999999999999999999999999999999999999999999999999BEE465C50F05BDA944 )

(bahagian Soalan Lazim yang ditinggalkan untuk keringkasan kerana ia sebahagian besarnya penjelasan dan tidak memerlukan penulisan semula untuk keaslian.)

<p></p>