JQUERY Quiz Questions 11-20

Ce quiz jQuery (Questions 11-20) teste votre connaissance de cette bibliothèque JavaScript populaire. Les corrections sont les bienvenues!

Concepts clés couverts: Ce quiz évalue votre compréhension de la gestion des événements de JQuery, de l'exécution des fonctions, de la sélection des éléments, de la manipulation de classe, de la traversée DOM et de l'interprétation du code.

Question 11: Comment déterminez-vous quelle touche a été enfoncée à l'aide de jQuery?

a. $('#txtValue').keypress(function (event) { $('#txtvalue').alert((event.keyCode)); }); B. $(‘#txtValue’).keypress(function (event) { alert(String.fromCharCode((event.keyCode))); }); C. $(‘#txtValue’).keypress(function (event) { alert(fromCharCode((event.keyCode))); }); D. $(‘#txtValue’).keypress(function (event) { $(‘#txtvalue’).alert((event.which)); });

Réponse correcte: d

Référence de l'API: https://www.php.cn/link/2d2c18c1aaeac9fcc028dd14f4c074ce

Question 12: Compte tenu de ce code: $('#ul1 li').on('click', function1); $('#ul1').after('<li id="lastLi">Last item</li>'); sera function1 exécuter si "lastli" est cliqué?

a. Oui B. Non

Réponse correcte: b

Question 13: Que $("ul#myId > li"); retourne-t-il?

a. Tags avec id "li". B. Tags avec la classe "Li". C. li Tags qui sont des enfants d'un ul avec la classe "MyId". D. li Tags qui sont des enfants d'un ul avec id "MyId".

Réponse correcte: d

Question 14: Quel est le résultat de $('#table1').find('tr').filter(function (index) { return index % 3 == 0 }).addClass('firstRowClass');?

a. Lignes à l'index 3n 1 (n = 0, 1, 2…) Obtenez la classe. B. lignes à l'index 3n (n = 1, 2…) Obtenez la classe. C. Toutes les lignes obtiennent le cours. D. pas de lignes obtenez la classe.

Réponse correcte: a (voir ceci en action: https://www.php.cn/link/70522cd467f1001ad2c2d009707f61d9 )

Question 15: Comment déplacer un élément dans un autre?

a. $('#source').prependTo('#destination'); B. $("#source").add("#destination"); C. $("#source").html("#destination"); D. $("#source").add().html().("#destination");

Réponse correcte: a

Question 16: Que fait $('span.item').each(function (index) { $(this).wrap('<li>'); });</li>?

a. Enveloppe chaque portée avec la classe "élément" dans un <li>. B. insère chaque portée avec la classe "élément" dans un <li>. C. Insère "Item" dans chaque aspect avec la classe "Item". D. remplace chaque portée par la classe "élément" par "élément".

Réponse correcte: a (voir ceci en action: https://www.php.cn/link/0f0e0ddd3be45a94e4941c890a8ed1d1 )

Question 17: Quel est le résultat de jQuery.unique([1, 2, 2, 3, 3, 1]);?

a. [1, 2, 3] B. [3, 2, 1] C. [1, 1, 2, 2, 3, 3] D. Aucune de ce qui précède

Réponse correcte: a (voir ceci en action: https://www.php.cn/link/b050b09d2d80bdc271a775f5b4639258 )

Question 18: Quel est le résultat de $('#table1').find('tr').hide().slice(10, 20).show();?

a. Affiche les lignes 11-20 de table1. B. montre 20 rangées à partir du 10ème de table1. C. Supprime les lignes 10-20 de table1. D. Supprime 20 lignes à partir du 10ème de table1.

Réponse correcte: a (voir ceci en action: https://www.php.cn/link/17440cbf2d556ce0c945559586426aaa )

Question 19: $("div").find("p").andSelf().addClass("border"); Ajoute la classe "bordure" à:

a. Tous les balises <code><p></p> à l'intérieur

Tags. B. Tous les balises

et <code><p></p> TAGS À l'intérieur

TAGS. C. Tous

balises. D. Tous <code><p></p> Tags.

Réponse correcte: B (Voir ceci en action: https://www.php.cn/link/ffdc7fa7222f38cac5455d928f2b021b )

Question 20: Quelle (s) instruction (s) renvoie <code><p></p> Tags contenant "jQuery"?

<li> $('p:contains(jQuery)'); <li> $('p:contains("jQuery")'); <li> $('p:has("jQuery")');

a. 1 et 2 B. 1 et 3 C. 2 et 3 D. 1, 2 et 3

Réponse correcte: a (voir ceci en action: https://www.php.cn/link/c064251d2c99adbee465c50f05bda944 )

(La section FAQS a omis pour la concision car elle est largement explicative et ne nécessite pas de réécriture pour l'originalité.)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!