JQUERY Quiz Questions 1-10

Cet article présente un quiz jQuery avec des réponses et des explications, ainsi qu'une section FAQ couvrant les fondamentaux de jQuery. Reformons-le pour un meilleur flux et une meilleure lisibilité tout en maintenant le contenu d'origine.

Un quiz JQuery interactif arrive bientôt dans la section des membres, avec des prix à gagner! En attendant, voici dix questions jQuery qui n'ont pas fait la coupe, mais qui sont toujours précieuses pour apprendre ou créer votre propre quiz. Testons vos connaissances!

Question 1:

à laquelle des éléments suivants pouvez-vous joindre directement les événements jQuery?

a) object b) embed c) applet d) Aucune de ces ci-dessus

Réponse correcte: D) Aucune de ce qui précède. Le système d'événements de JQuery nécessite des éléments DOM qui prennent en charge l'attachement des données pour le suivi des événements.

Question 2:

true ou false: le système d'événements de jQuery nécessite qu'un élément DOM permet de fixer des données via une propriété sur l'élément pour suivre et livrer des événements.

Réponse correcte: true

Question 3:

Vrai ou faux: jQuery propose des événements focusin et focusout, qui sont des équivalents cross-browser des événements focus et blur et offrent des bouillons.

Réponse correcte: Vrai. focus et blur Ne bubblent pas, mais les versions de JQuery font.

Question 4:

Quel extrait de code est plus rapide?

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

Réponse correcte: a) $('#test1, .test2, .test3, .test4'); (Voir jsperf: https://www.php.cn/link/0EE8B1EAFADAC937E6E03D8866CEF9BF et JQuery API: https://www.php.cn/link/e98549a4cb29369fb6dbb48ab0b6e018 )

Question 5:

$.grep(array1, function1); Cette déclaration fait quoi pour les éléments dans array1 qui satisfont function1?

a) les trie b) les met à jour c) les supprime d) les filtre

Réponse correcte: d) les filtre (voir JQuery API: https://www.php.cn/link/5d252ff9d89ac9d3420b565f70fccd08 )

Question 6:

étant donné ce html: <ul id="id1"> <li id="li1">Items 1</li> <li id="li2">Items 2</li> <li id="li3">Items 3</li> </ul>, quel sélecteur jQuery renvoie le même résultat que $('#id1 li').not($('#li2'));?

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

Réponse correcte: a) $('#li2').siblings(); (voir jsfiddle: https://www.php.cn/link/41069c81282ba6e19583432967917da9 )

Question 7:

La fonction hide() cache un élément par:

a) Définition du style en ligne "Affichage" sur "Aucun". b) Définition du style en ligne "Visibilité" sur "Hidden". c) le compensant horizontalement hors écran. d) le compensant verticalement hors écran.

Réponse correcte: a) Définition du style en ligne "Affichage" sur "Aucun". (Voir JQuery API: https://www.php.cn/link/a8feb0f39cfe2d43f62def3b8e657992 )

Question 8:

Quelle est la bonne façon de créer un élément div avec le texte "bonjour" en utilisant jQuery?

a) $("#idName").create("div").text("Hello"); b) $("#idName").create("div").html("Hello"); c) $("idName").css("div").html("Hello"); d) $("#idName").append("Hello"); (en supposant une div avec id "idname" existe déjà)

Réponse correcte: d) $("#idName").append("Hello");

Question 9:

étant donné function function1() { alert(arguments.length); }, que se passe-t-il lorsque vous exécutez function1();?

a) Erreur: arguments n'est pas défini. B) Erreur: Aucun argument fourni. c) Alerte affiche "non définie". d) Alerte affiche 0.

Réponse correcte: b) Erreur: Aucun argument fourni. (Il lance une STYPEERROR car arguments est un objet de type tableau, et l'accès à sa longueur sans arguments provoque une erreur)

Question 10:

$.extend(false, object0, object1, object2); Qu'est-ce que cela fait?

a) étend object0 avec object1 et object2. b) s'étend object1 avec object0 et object2. c) s'étend object2 avec object0 et object1. d) déclaration non valide.

Réponse correcte: a) s'étend object0 avec object1 et object2. (Voir JQuery API: https://www.php.cn/link/c22f802f4e2192468fbc9485e31d062f )

Questions fréquemment posées (FAQ) sur jQuery:

• Qu'est-ce que jQuery? Une bibliothèque JavaScript rapide, petite et riche en fonctionnalités simplifiant la manipulation HTML, la manipulation des événements et l'animation.

• Comment apprendre jQuery? Commencez par les bases HTML, CSS et JavaScript, puis explorez des tutoriels, des vidéos et des pratiques en ligne avec des quiz.

• Fonctions jQuery communes: .click(), .hide(), .show(), .toggle(), .slideUp(), .slideDown(), .animate(), .fadeIn(), .fadeOut(), .val(), .text(), .html(), .css(), et bien d'autres.

• Utilisation jQuery en html: Incluez la bibliothèque jQuery via un fichier CDN ou téléchargé à l'aide de la balise <script></script>.

• jQuery vs JavaScript: javascript est la langue; JQuery est une bibliothèque construite sur JavaScript pour simplifier son utilisation pour le développement Web.

• Événements de manipulation dans jQuery: Utiliser des méthodes comme .click(), .dblclick(), .mouseenter(), .mouseleave(), .hover(), .focus(), .blur(), etc.

• ajax dans jQuery: Utilisez les méthodes AJAX de JQuery pour charger les données du serveur de manière asynchrone sans rafraîchisse.

• Création d'événements personnalisés: Utilisez la méthode . .trigger()

• Avantages de jQuery: Simplifie HTML Traversal, fournit une syntaxe concise, prend en charge Ajax, offre des effets intégrés et est très extensible.

• Améliorer les compétences de jQuery: Pratiquez régulièrement, travailler sur des projets, contribuer à l'open source et résoudre les défis de codage.

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!