Artikel ini membentangkan kuiz jQuery dengan jawapan dan penjelasan, bersama dengan bahagian FAQ yang meliputi asas -asas jQuery. Mari kita tegangkannya untuk aliran dan kebolehbacaan yang lebih baik sambil mengekalkan kandungan asal.

Kuiz jQuery interaktif akan datang ke bahagian ahli, dengan hadiah untuk dimenangi! Sementara itu, terdapat sepuluh soalan jQuery yang tidak membuat potongan, tetapi masih berharga untuk belajar atau membuat kuiz anda sendiri. Mari uji pengetahuan anda!

Soalan 1:

ke mana unsur -unsur berikut bolehkah anda melampirkan peristiwa jQuery secara langsung?

a)

b) object c) embed d) Tiada yang di atas applet

Jawapan yang betul: d) Tiada yang di atas. Sistem acara JQuery memerlukan elemen DOM yang menyokong lampiran data untuk penjejakan acara.

Soalan 2:

Benar atau Salah: Sistem acara JQuery memerlukan elemen DOM membolehkan melampirkan data melalui harta pada elemen untuk mengesan dan menyampaikan peristiwa.

Jawapan yang betul: TRUE

Soalan 3:

Benar atau Salah: JQuery menyediakan

dan

peristiwa, yang bersamaan dengan penyemak imbas focusin dan focusout peristiwa dan menawarkan menggelegak. focus blur

Jawapan yang betul:

Benar. dan jangan gelembung, tetapi versi jQuery lakukan. focus blur

Soalan 4:

coretan kod mana yang lebih cepat?

a)

b)

$('#test1, .test2, .test3, .test4'); $('#test1').add('.test2').add('.test3').add('.test4');

Jawapan yang betul:

a) (lihat jsperf: http://www.miracleart.cn/link/0ee8b1eafadac937e03d8866cef9bf $('#test1, .test2, .test3, .test4'); dan jquery api: http://www.miracleart.cn/link/E98549A4CB29369FB6DBB48AB0B6E018 ) Soalan 5:

Kenyataan ini melakukan apa yang menjadi unsur -unsur dalam

yang memuaskan

? $.grep(array1, function1); array1 a) menyusunnya b) mengemas kini mereka c) menghilangkannya d) menapis mereka function1

Jawapan yang betul:

d) menapis mereka (lihat JQuery API:

http://www.miracleart.cn/link/5D252FF9D89AC9D3420B5F70FCCD08 Soalan 6:

Memandangkan html ini: , pemilih jQuery yang mengembalikan hasil yang sama seperti ?

a) $('#li2').siblings(); b) $('#id2').siblings('#li2'); c) $('#li2').children(); d) $('#id2').children('#li2');

Jawapan yang betul: a) (lihat jsfiddle: $('#li2').siblings(); http://www.miracleart.cn/link/41069c81282ba6e19583432967917da9

Soalan 7:

fungsi

menyembunyikan elemen dengan:

hide() a) Menetapkan gaya "paparan" ke "Tiada". b) Menetapkan gaya "penglihatan" untuk "tersembunyi". c) mendatar mengimbangi ia dari skrin. d) secara menegak mengimbangi ia dari skrin.

Jawapan yang betul:

a) Menetapkan gaya "paparan" ke "Tiada". . Soalan 8:

apakah cara yang betul untuk membuat elemen div dengan teks "hello" menggunakan jQuery?

a) b)

c)

d)

(dengan asumsi div dengan id "idname" sudah ada)

$("#idName").create("div").text("Hello"); $("#idName").create("div").html("Hello"); Jawapan yang betul: $("idName").css("div").html("Hello"); d) $("#idName").append("Hello");

Soalan 9: $("#idName").append("Hello");

diberikan

, apa yang berlaku apabila anda menjalankan ?

a) Ralat:

tidak ditentukan. b) Ralat: Tiada hujah yang disediakan. c) Memaparkan "Undefined". d) memaparkan amaran 0. function function1() { alert(arguments.length); } function1();

Jawapan yang betul:

b) Ralat: Tiada argumen yang disediakan. (Ia melemparkan typeError kerana arguments adalah objek seperti array, dan mengakses panjangnya tanpa argumen menyebabkan ralat)

Soalan 10: arguments

Apa yang dilakukannya? a) meluas

dengan

dan $.extend(false, object0, object1, object2);. b) Memperluas

dengan

dan object0. c) Memperluas object1 dengan object2 dan object1. d) pernyataan tidak sah. object0 object2 object2 Jawapan yang betul: object0 a) Memperluas object1 dengan

dan

. (Lihat JQuery API: http://www.miracleart.cn/link/c22f802f4e2192468fbc9485e31d062f ) object0 object1 Soalan Lazim (Soalan Lazim) Mengenai JQuery: object2

Apakah jQuery? Perpustakaan JavaScript yang cepat, kecil, dan kaya dengan ciri-ciri memudahkan manipulasi HTML, pengendalian acara, dan animasi.

• Bagaimana untuk belajar jQuery? Mulakan dengan asas HTML, CSS, dan JavaScript, kemudian meneroka tutorial dalam talian, video, dan amalan dengan kuiz.

• fungsi jQuery biasa: .click(), , .hide(), .show(), .toggle(), .slideUp(), .slideDown(), .animate(), .fadeIn(), .fadeOut(), .val(), .text(), .html(), dan banyak lagi. .css()

• Menggunakan jQuery dalam html: Sertakan perpustakaan jQuery melalui CDN atau fail yang dimuat turun menggunakan tag. <script></script>

• JQuery vs. JavaScript: JavaScript adalah bahasa; JQuery adalah perpustakaan yang dibina di JavaScript untuk memudahkan penggunaannya untuk pembangunan web.

• peristiwa pengendalian dalam jQuery: menggunakan kaedah seperti , .click(), .dblclick(), .mouseenter(), .mouseleave(), .hover(), .focus(), dan lain -lain .blur()

• ajax dalam jQuery: Gunakan kaedah JQuery's Ajax untuk memuatkan data pelayan secara asynchronously tanpa penyegaran halaman.

3

• Kelebihan JQuery: .trigger() Memudahkan HTML Traversal, menyediakan sintaks ringkas, menyokong Ajax, menawarkan kesan terbina dalam, dan sangat extensible.

• Meningkatkan kemahiran jQuery: Berlatih secara teratur, bekerja pada projek, menyumbang kepada sumber terbuka, dan menyelesaikan cabaran pengekodan.

Atas ialah kandungan terperinci soalan kuiz jQuery 1-10. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!