wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

JQuery Quiz for Level X

Total questions: 15

Worksheet time: 8mins

Name
Class
Date
1.

jQuery is a ...

a)

JavaScript Language

b)

JavaScript Library

c)

JavaScript Method

d)

JavaScript Class

e)

JavaScript Framework

2.

jQuery is a lightweight, "write less, do more", JavaScript library.?

a)

False

b)

True

3.

Which sign does jQuery use as a shortcut for jQuery?

a)

$

b)

?

c)

%

d)

!

e)

;

4.

Which of the following event is make use of jQuery methods ready to load?

a)

$(document).ready(function(){....});

b)

$(document).load(function(){....});

c)

$(DOM).ready(function(){....});

d)

$(DOM).load(function(){....});

e)

$(document).ready({....});

5.

Which of the following ways is correct JQuery Hide() Syntax ?

a)

$.hide()

b)

$("p").hide();

c)

None of the above

d)

$("div").hideAll();

e)

$(hide);

6.

You can also toggle between hiding and showing an element with the ______?

a)

Animation

b)

Picture

c)

toggle() method

d)

slideToggle() method

e)

hide() method

7.

Which of the following is the correct syntax of toggle() effects in JQuery?

a)

$("p").toggle();

b)

.("p").toggle();

c)

None of the above

d)

$(toggle);

e)

$("p").{toggle()};

8.

Which of the following ways is correct JQuery Event Syntax ?

a)

$("p").click(function(){ // action goes here!! });

b)

$("p").openAll(function(){}

c)

None of the above

d)

$("div").hide();

e)

.("button").click();

9.

The mouseenter() method attaches an event handler function to an ____________.?

a)

The Text is shown normal.

b)

HTML element.

c)

None of the above

10.

The hover() method takes two functions and is a combination of the ______?

a)

mouseclick() methods.

b)

mouseenter() and mouseleave() methods.

c)

None of the above

11.

Which of the following is the correct form to create to hide paragraph elements in Jquery and select the element?

a)

$(document).ready(function(){

$("button").click(function(){

$("p").hide();

});

});

b)

flex-wrap: no-wrap;

c)

None of the above

d)

$(document).ready(function(){

$("button").click(function(){

$("p").show();

});

});

e)

$(document).ready(function(){

$("button").click(function(){

$(this).hide();

});

});

12.

Which of the following is a correct jQuery Syntax

a)

!(selector).function()

b)

$(selector).action()

c)

$(selector).function()

d)

$(action).selector()

e)

$(action).function()

13.

What does the following selector: $("div"). will select in jQuery?

a)

All div elements

b)

The first div element

c)

any one div element

d)

The last div element

e)

the first parent of div element

14.

Which jQuery method is used to hide selected elements?

a)

hidden()

b)

hide()

c)

visible(false)

d)

display(none)

15.

Which of the following is the correct syntax to Set CSS in JQuery?

a)

$("p").css("background-color="yellow");

b)

$("p").css("backgroundcolor", "yellow");

c)

$("p").css("background-color", "yellow");