Dieser Artikel enth?lt ein JQuery -Quiz mit Antworten und Erkl?rungen sowie einen FAQ -Abschnitt, der JQuery -Grundlagen abdeckt. Lassen Sie es uns um einen besseren Fluss und die Lesbarkeit umwandeln und gleichzeitig den ursprünglichen Inhalt beibehalten.

Ein interaktives JQuery -Quiz kommt in Kürze in den Abschnitt Mitglieder, mit Preisen zu gewinnen! In der Zwischenzeit finden Sie hier zehn JQuery -Fragen, die den Schnitt nicht gemacht haben, aber immer noch für das Lernen oder Erstellen Ihres eigenen Quizs wertvoll sind. Testen wir Ihr Wissen!

Frage 1:

Zu welchem ??der folgenden Elemente k?nnen Sie JQuery -Ereignisse direkt anh?ngen?

a) object b) embed c) applet d) Keine der oben genannten

Richtige Antwort: d) Keine der oben genannten. Das Ereignissystem von JQuery erfordert DOM -Elemente, die den Datenanhang für die Ereignisverfolgung unterstützen.

Frage 2:

true oder false: Das Ereignissystem von JQuery erfordert, dass ein DOM -Element das Anbringen von Daten über eine Eigenschaft im Element erm?glicht, Ereignisse zu verfolgen und zu liefern.

Richtige Antwort: True

Frage 3:

wahr oder falsch: JQuery bietet focusin und focusout Ereignisse, die Cross-Browser-?quivalente der Ereignisse focus und blur sind und sprudeln.

Richtige Antwort: true. focus und blur nicht sprudeln, aber JQuery's Versionen tun es.

Frage 4:

Welcher Code -Snippet ist schneller?

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

Richtige Antwort: a) $('#test1, .test2, .test3, .test4'); (siehe jSPERF: http://m.miracleart.cn/link/0ee8b1afadac937e6e03d8866cef9bf und Jquery API: http://m.miracleart.cn/link/e98549a4cb29369fb6dbb48ab0b6e018 )

Frage 5:

$.grep(array1, function1); Diese Aussage macht was zu den Elementen in array1, die function1?

erfüllen

a) sortiert sie b) Aktualisiert sie c) entfernt sie d) filtert sie

Korrekte Antwort: d) Filtern (siehe jQuery api: http://m.miracleart.cn/link/5d252ff9d89ac9d3420b565f70fccd08 )

Frage 6:

Angesichts dieser HTML: <ul id="id1"> <li id="li1">Items 1</li> <li id="li2">Items 2</li> <li id="li3">Items 3</li> </ul>, welchen JQuery -Selektor gibt das gleiche Ergebnis wie $('#id1 li').not($('#li2'));?

zurück

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

Richtige Antwort: a) $('#li2').siblings(); (siehe jsfiddle: http://m.miracleart.cn/link/41069c81282ba6e19583432967917da9 )

Frage 7:

hide() Die Funktion

verbirgt ein Element nach:

a) Einstellen des Inline -Stils "Anzeige" auf "None". b) Setzen Sie den Inline -Stil "Sichtbarkeit" auf "versteckt". c) Horizontal ausgleichen Sie es au?erhalb des Bildschirms. d) vertikal ausgleichen es au?erhalb des Bildschirms.

Richtige Antwort: a) Einstellen des Inline -Stils "Anzeige" auf "None". (Siehe JQuery API: http://m.miracleart.cn/link/a8feb0f39cfe2d43f62def3b8e657992

)

Frage 8:

Wie k?nnen Sie mit JQuery ein DIV -Element mit dem Text "Hallo" erstellen?

$("#idName").create("div").text("Hello"); a) $("#idName").create("div").html("Hello"); b) $("idName").css("div").html("Hello"); c) $("#idName").append("Hello"); d)

(unter der Annahme eines Divs mit ID "idName" existiert bereits)

richtige Antwort: $("#idName").append("Hello"); d)

Frage 9:

function function1() { alert(arguments.length); } gegeben function1();, was passiert, wenn Sie

?

ausführen arguments a) Fehler:

ist undefiniert. b) Fehler: Keine Argumente angegeben. c) Alarm zeigt "undefiniert" an. d) Alarm zeigt 0.

Richtige Antwort: arguments b) Fehler: Keine Argumente angegeben. (Es wirft ein Typeerror aus, weil

ein Array-?hnliches Objekt ist und der Zugriff auf seine L?nge ohne Argumente einen Fehler verursacht)

Frage 10:

$.extend(false, object0, object1, object2);

Was macht das?

object0 a) erweitert object1 mit object2 und object1. b) erweitert object0 mit object2 und object2. c) erweitert object0 mit object1 und

. d) Ungültige Anweisung.

Richtige Antwort: object0 a) erweitert object1 mit object2 und . (Siehe JQuery API: http://m.miracleart.cn/link/c22f802f4e2192468fbc9485e31d062f

)

h?ufig gestellte Fragen (FAQs) zu jQuery:

• Was ist jQuery?

• Wie kann man JQuery?

• Common jQuery functions: .click(), .hide(), .show(), .toggle(), .slideUp(), .slideDown(), .animate(), .fadeIn(), .fadeOut(), .val(), .text(), .html(), .css() und vieles mehr.

• Verwenden Sie JQuery in HTML: Die jQuery -Bibliothek über eine CDN oder heruntergeladene Datei mit dem <script></script> Tag.

• JQuery vs. JavaScript: JavaScript ist die Sprache; JQuery ist eine Bibliothek, die auf JavaScript basiert, um die Verwendung für die Webentwicklung zu vereinfachen.

• Handlingsereignisse in jQuery: Verwenden Sie Methoden wie .click(), .dblclick(), .mouseenter(), .mouseleave(), .hover(), .focus(), .blur() usw.

• ajax in jQuery: Verwenden Sie die AJAX -Methoden von JQuery, um Serverdaten asynchron ohne Seiten -Aktualisierung zu laden.

• Erstellen benutzerdefinierter Ereignisse: Verwenden Sie die .trigger() -Methode.

• Vorteile von JQuery: vereinfacht HTML-Traversal, bietet eine kurze Syntax, unterstützt AJAX, bietet integrierte Effekte und ist hoch erweiterbar.

• Verbesserung der JQuery -F?higkeiten: regelm??ig üben, an Projekten arbeiten, zu Open Source beitragen und Codierungsherausforderungen l?sen.

Das obige ist der detaillierte Inhalt vonJQuery Quiz Fragen 1-10. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!