Font size
WorksheetsjQuery fade slide hide
Total questions: 27
Worksheet time: 14mins
With jQuery you can fade an element in and out of visibility.?
True
false
Which of the following ways is correct Syntax of Jquery fadeIn() ?
$(selector).fadein(speed,callback);
$(selector).fadeIn(speed,callback);
None of the above
The jQuery fadeOut() method is used to fade out a visible ____________.?
object
Element
None of the above
The jQuery fadeToggle() method toggles between the______?
fadeIn() and fadeOut() methods.
The Text is shown normal.
None of the above
Which of the following is the correct syntax of fadeToggle() effects in JQuery?
$(selector).fadeToggle(speed,callback);
flex-wrap: no-wrap;
None of the above
In order to make use of jQuery in our HTML page, which of the following lines of code must be put in our page?
<link rel="stylesheet" href="styles/style_anchor.css" type="text/css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="script/jquery-3.6.0.js"></script>
<script src="script/jquery.slider.min.js"></script>
Which of the following lines of code will allow your jQuery code to be succcessfully run?
<script src="script/jquery-slider-theme.js"></script>
<script src="script/jquery.slider.min.js"></script>
<script src="script/jquery-3.6.0.js"></script>
<script src="script/jquery-slider-theme.js"></script>
<script src="script/jquery-slider-theme.js"></script>
<script src="script/jquery-3.6.0.js"></script>
Which of the following is the selector for an element whose ID is "MyID"?
$("#MyID")
$("MyID")
$("#MYID")
$(".MyID")
What goes into A and B?
#(A).B()
A = selector
B = value
A = ID
B = action
A = selector
B = action
A = ID
B = value
What is the purpose of the following?
$(document).ready( function() { … } );
It executes the code inside when the function is called
It executes the code inside before any other code
It executes the code inside when the document is ready
Which one of the following code will cause the image do animations in this order:
1. fade out
2. fade in
3. be hidden
<img class="myImage" src="myImage.jpg"/>
$(".myImage").hide().fadeIn().fadeOut();
$(".myImage").fadeOut().fadeIn().hide();
$(".myImage").fadeOut();
$(".myImage").fadeIn();
$(".myImage").hide();
$("#myImage").fadeOut().fadeIn().hide();
With jQuery, you can hide and show HTML elements with the hide() and show() methods?
True
False
Which of the following ways is correct JQuery Hide() Syntax ?
$.Hide()
$("#hide").click(function(){
$("p").hide(); });
None of the above
The optional callback parameter is a function to be executed after the hide() or show() ____________.?
Normal
method completes
None of the above
You can also toggle between hiding and showing an element with the ______?
Animation
Picture
toggle() method
Which of the following is the correct syntax of toggle() effects in JQuery?
$("button").click(function(){
$("p").toggle(); });
.("p").toggle();
None of the above
It is a fast, small and feature-rich JavaScript library included in a single .js file.
(a)
These can be apply to DOM elements like show or hide elements, fade-in or fade-out of visibility, sliding effect, animation etc
(a)
It is an alias of jQuery function.
(a)
$(".example").toggle(300);
What does this jQuery function do?
Toggle a function in 300 seconds
Toggle visibility in 300 seconds
Toggle function in 300 milliseconds
Toggle visibility in 300 milliseconds
Toggle function in 300 hours
With jQuery you can create a sliding effect on elements.?
True
False
Which of the following ways is the correct Syntax of Jquery SlideDown() ?
$(selector).fadein(speed,callback);
$(selector).slideDown(speed,callback);
None of the above
The jQuery slideUp() method is used to slide up an.____________.?
area
element
None of the above
The jQuery slideToggle() method toggles between the slideDown() and slideUp() methods.If the elements have been slide down, slideToggle() ______?
will slide them up
will toggle the area
None of the above
Which of the following is the correct syntax of SlideToggle() effects in JQuery?
$(selector).slideToggle(speed,callback);
flex-wrap: no-wrap
None of the above
jQuery is a programming language
True
False
How would you set the href to an <a> element using jQuery?
$('a').href('https://generalassemb.ly/);
$('a').attr('href', 'https://generalassemb.ly/');
$('a').url('https://generalassemb.ly/');
$('a').link('https://generalassemb.ly/');
