Introduction to jQuery Quiz

Challenge your understanding of jQuery with this quiz. Answer questions on DOM manipulation, events, and AJAX with jQuery.

Question 1

What does jQuery primarily simplify?

HTML/CSS editing AJAX requests JavaScript DOM manipulation JSON parsing

Question 2

Which symbol is commonly used as the jQuery alias?

$ # @ &

Question 3

How do you select all paragraph elements using jQuery?

$('p') $('.p') $('paragraph') $('#p')

Question 4

Which jQuery method is used to hide selected elements?

.hide() .displayNone() .invisible() .none()

Question 5

Which jQuery method is used to set the HTML content?

.setHTML() .html() .innerHTML() .setContent()

Question 6

How do you chain methods in jQuery?

Using commas Using plus signs Using periods Using semicolons

Question 7

Which jQuery method is used to perform an animation?

.move() .slide() .animate() .transform()

Question 8

What does the jQuery .fadeOut() method do?

Changes background color Removes an element Gradually hides the element Animates a slide effect

Question 9

Which method adds a new class to elements?

.addClass() .insertClass() .newClass() .createClass()

Question 10

How do you include jQuery from a CDN?

Question 11

Which method removes a class from selected elements?

.deleteClass() .hideClass() .removeClass() .cutClass()

Question 12

How to execute code once the document is fully loaded?

$(document).ready() $(page).onload() $.start() window.onload()

Question 13

What is the use of .val() in jQuery?

Get/set value of form elements Validate form fields Select values from dropdowns Submit forms

Question 14

Which method would you use to toggle visibility?

.showHide() .toggle() .displayToggle() .flip()

Question 15

What does the .each() method do?

Iterates over elements Adds events Binds data Clones elements

Question 16

Which jQuery method removes elements from the DOM?

.hide() .vanish() .remove() .detach()

Question 17

What is the use of .append()?

Inserts content before Inserts content after Inserts content inside at the end Replaces content

Question 18

What does the .css() method do?

Changes class name Retrieves text content Applies inline style Switches stylesheets

Question 19

Which method adds new HTML before selected elements?

.prepend() .insertBefore() .before() .addBefore()

Question 20

Which method would you use to stop currently running animations?

.break() .stop() .pause() .kill()

Question 21

What does .text() return?

CSS property HTML string Text content of an element Value of input

Question 22

Which method checks if an element has a specific class?

.checkClass() .hasClass() .classExists() .findClass()

Question 23

Which jQuery selector targets the element with ID 'main'?

$('.main') $(main) $('#main') $(id='main')

Question 24

Which method is used to bind an event handler?

.on() .bindTo() .event() .attach()

Question 25

What does the .prop() method do?

Accesses or sets properties Sets styles Binds data Deletes elements

Question 26

How do you delay an animation?

.wait() .pause() .delay() .timeout()

Question 27

Which of these is NOT a valid jQuery method?

.slideUp() .zoom() .fadeIn() .toggleClass()

Question 28

What is returned by jQuery selectors?

String Number jQuery object HTML collection

Question 29

What does .parent() return?

All ancestors The immediate parent All children The root node

Question 30

Which method clones an element?

.duplicate() .copy() .clone() .replicate()