SUBJECTS
|
BROWSE
|
CAREER CENTER
|
POPULAR
|
JOIN
|
LOGIN
Business Skills
|
Soft Skills
|
Basic Literacy
|
Certifications
About
|
Help
|
Privacy
|
Terms
Search
Test your basic knowledge |
Jquery Commands
Start Test
Study First
Subject
:
it-skills
Instructions:
Answer 50 questions in 15 minutes.
If you are not ready to take this test, you can
study here
.
Match each statement with the correct term.
Don't refresh. All questions and answers are randomly picked and ordered every time you load a test.
This is a study tool. The 3 wrong answers for each question are randomly chosen from answers to other questions. So, you might find at times the answers obvious, but you will see it re-enforces your understanding as you take the test each time.
1. The _______ version of jQuery is minified
<script></script>
terminator
production
$( )
2. Shortcut for typing: jQuery( )
var myValue = $('#myDivId').val();
$( )
var isHidden = $('#myDiv').is(':hidden');
HTML string
3. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
DOM (Document Object Model)
slideToggle
class selector
JavaScript
4. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
viewport
transparent
descendent selector
$("#c").attr("checked","");
5. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
$(document).ready( function( ) {/* your code here */} );
terminator
viewport
jQuery
6. Set the value of an element
html
milliseconds
if ( $('#myDiv').length )
<script></script>
$("#x").removeAttr("disabled");
CSS
$('#myDivId').val("hello world");
1000
html
var myValue = $('#myDivId').val();
concatenation
if not $('#myDiv').show();
+
$("#x").attr("disabled","disabled");
browser
viewport
selector
JavaScript
$(document).ready( function( ) {/* your code here */} );
developer
slideDown
$("#c").attr("checked","");
$('#myDivId')
semicolon
if ( $('#myDiv').is('.pretty') )
code block
$
opaque
HTML string
http://www.jquery.com
$('.myCssClass')
slideUp
Write Less
production
var isVisible = $('#myDiv').is(':visible');
var myDivElement = $('#myDivId');
dot
John Resig
terminator
$("<selector>").<method>;
transparent
$('#myDivId').val("hello world");
$("img#dog").fadeIn(3000);
$("#myselect option:selected").text();
node
dollar sign
none
id selector
class selector
$("h1").hide();
$( )
var isHidden = $('#myDiv').is(':hidden');
slideToggle
DOM (Document Object Model)
method
*
$("#some\.id") instead of $("#some.id")
interpreter
jQuery
descendent selector
$("#c").attr("checked", "checked");
if ( $(this).hasClass("protected")
dot
7. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
$("#c").attr("checked", "checked");
browser
HTML string
var isVisible = $('#myDiv').is(':visible');
8. Another word for invisible
milliseconds
transparent
$("h1").hide();
interpreter
9. Select an item using class
10. The _____ method changes the height property of an element until it is zero and then hides the element.
var myDivElement = $('#myDivId');
slideUp
$("#c").attr("checked","");
viewport
11. Concatenation symbol in JavaScript
var myDivElement = $('#myDivId');
dot
1000
+
12. The JavaScript ______ translates directions you give it into different actions on the web page
interpreter
var myDivElement = $('#myDivId');
id selector
$
13. A(n) ___ _____ is used to identify a single unique element on a page.
id selector
node
$("#c").attr("checked","");
var myDivElement = $('#myDivId');
14. Enable an element
slideToggle
$
$("#x").removeAttr("disabled");
$("#c").attr("checked", "checked");
15. Determine the state of a toggled element
$('#myDivId')
$("h1").hide();
method
dot
class selector
DOM (Document Object Model)
if ( $(this).hasClass("protected")
$(document).ready( function( ) {/* your code here */} );
node
$('#myDivId').val("hello world");
CSS
slideToggle
if ( $('#myDiv').is('.pretty') )
$("img#dog").fadeIn(3000);
<script></script>
html
id selector
developer
semicolon
John Resig
html
$("#some\.id") instead of $("#some.id")
concatenation
if not $('#myDiv').show();
var myValue = $('#myDivId').val();
dollar sign
viewport
JavaScript
interpreter
$
var myDivElement = $('#myDivId');
selector
jQuery
$("<selector>").<method>;
dot
$("#myselect option:selected").text();
*
opaque
var isVisible = $('#myDiv').is(':visible');
none
milliseconds
browser
HTML string
$("#c").attr("checked","");
slideUp
descendent selector
if ( $('#myDiv').length )
$("#c").attr("checked", "checked");
$("#x").removeAttr("disabled");
terminator
$('.myCssClass')
http://www.jquery.com
transparent
+
Write Less
var isHidden = $('#myDiv').is(':hidden');
var isHidden = $('#myDiv').is(':hidden');
1000
$( )
slideDown
code block
production
$("#x").attr("disabled","disabled");
16. Name of the character used to separate a jQuery selector from a jQuery method
1000
dot
$("img#dog").fadeIn(3000);
CSS
17. Check an input
$("#c").attr("checked", "checked");
$("img#dog").fadeIn(3000);
if ( $('#myDiv').is('.pretty') )
if ( $('#myDiv').length )
18. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
html
class selector
$
1000
19. A ______ is used by jQuery to locate and return an element from the web page
$("img#dog").fadeIn(3000);
milliseconds
var isHidden = $('#myDiv').is(':hidden');
selector
20. Show item if it exists but do nothing (no errors)
method
HTML string
$( )
transparent
browser
$('.myCssClass')
semicolon
var isHidden = $('#myDiv').is(':hidden');
class selector
Write Less
$
$('#myDivId').val("hello world");
$("img#dog").fadeIn(3000);
+
JavaScript
html
interpreter
production
slideToggle
milliseconds
if not $('#myDiv').show();
code block
$("#myselect option:selected").text();
http://www.jquery.com
var isVisible = $('#myDiv').is(':visible');
$("<selector>").<method>;
jQuery
$("#c").attr("checked", "checked");
$(document).ready( function( ) {/* your code here */} );
dollar sign
<script></script>
concatenation
John Resig
descendent selector
CSS
DOM (Document Object Model)
none
if not $('#myDiv').show();
viewport
dot
1000
*
selector
id selector
html
slideUp
$("#some\.id") instead of $("#some.id")
terminator
if ( $('#myDiv').length )
if ( $(this).hasClass("protected")
opaque
developer
$("#x").removeAttr("disabled");
$("#x").attr("disabled","disabled");
$('#myDivId')
slideDown
var myDivElement = $('#myDivId');
$("#c").attr("checked","");
$("h1").hide();
dot
node
var myValue = $('#myDivId').val();
if ( $('#myDiv').is('.pretty') )
21. Two versions of jQuery available for download: production & ________
milliseconds
transparent
developer
*
22. Use a _____ to test that your jQuery scripts are working.
if not $('#myDiv').show();
$("h1").hide();
browser
slideUp
23. Test whether an element exists
$("#x").attr("disabled","disabled");
slideToggle
id selector
$('#myDivId')
if ( $('#myDiv').length )
John Resig
production
terminator
viewport
code block
var isVisible = $('#myDiv').is(':visible');
+
if not $('#myDiv').show();
selector
if ( $('#myDiv').is('.pretty') )
$('#myDivId').val("hello world");
descendent selector
interpreter
$( )
Write Less
$(document).ready( function( ) {/* your code here */} );
var myDivElement = $('#myDivId');
dot
html
if ( $('#myDiv').length )
browser
concatenation
$("<selector>").<method>;
opaque
none
$("#c").attr("checked", "checked");
$
<script></script>
var isHidden = $('#myDiv').is(':hidden');
class selector
DOM (Document Object Model)
HTML string
node
transparent
$("img#dog").fadeIn(3000);
slideDown
$("h1").hide();
*
CSS
semicolon
if ( $(this).hasClass("protected")
slideUp
$("#myselect option:selected").text();
JavaScript
1000
var myValue = $('#myDivId').val();
html
milliseconds
http://www.jquery.com
$("#c").attr("checked","");
dot
jQuery
dollar sign
developer
$("#some\.id") instead of $("#some.id")
$('.myCssClass')
$("#x").removeAttr("disabled");
method
24. Disable an element
DOM (Document Object Model)
none
$("#x").attr("disabled","disabled");
method
25. The semicolon following a jQuery statement is known as a ___________
$("#c").attr("checked","");
class selector
descendent selector
terminator
26. Determine the state of a toggled element
$("h1").hide();
node
$("#some\.id") instead of $("#some.id")
$("img#dog").fadeIn(3000);
$("<selector>").<method>;
1000
html
$(document).ready( function( ) {/* your code here */} );
class selector
dollar sign
descendent selector
code block
interpreter
$( )
developer
none
opaque
if ( $('#myDiv').is('.pretty') )
milliseconds
+
CSS
$("#c").attr("checked","");
$
$('.myCssClass')
slideDown
method
var myValue = $('#myDivId').val();
$('#myDivId')
dot
http://www.jquery.com
DOM (Document Object Model)
html
concatenation
$('#myDivId').val("hello world");
if not $('#myDiv').show();
id selector
$("#c").attr("checked", "checked");
semicolon
selector
var isVisible = $('#myDiv').is(':visible');
if ( $(this).hasClass("protected")
Write Less
<script></script>
$("#x").attr("disabled","disabled");
production
var myDivElement = $('#myDivId');
John Resig
dot
HTML string
$("#myselect option:selected").text();
viewport
if ( $('#myDiv').length )
jQuery
var isHidden = $('#myDiv').is(':hidden');
JavaScript
var isVisible = $('#myDiv').is(':visible');
$("#x").removeAttr("disabled");
slideUp
terminator
slideToggle
*
transparent
browser
27. Another word for visible
html
production
opaque
$("#c").attr("checked","");
28. This kind of file builds the structure of the web page
production
html
$( )
slideDown
29. URL for obtaining jQuery
http://www.jquery.com
$
$("#myselect option:selected").text();
if ( $('#myDiv').is('.pretty') )
30. Wildcard selector in jQuery (selects all elements)
*
HTML string
<script></script>
transparent
31. A CSS setting that makes sure an element won't show when the page loads: display:______;
slideUp
interpreter
none
milliseconds
32. The ______ is the main window of the browser.
html
$('.myCssClass')
var isVisible = $('#myDiv').is(':visible');
viewport
33. Get the text value of a selected option
jQuery
id selector
$("#myselect option:selected").text();
code block
34. Name of the symbol used for the jQuery shortcut
$('#myDivId').val("hello world");
interpreter
dollar sign
id selector
35. Both CSS and jQuery use the ____ symbol to specify a class.
HTML string
$("<selector>").<method>;
dot
selector
36. Name of the symbol that ends a jQuery statement
$(document).ready( function( ) {/* your code here */} );
semicolon
dot
production
37. Get the value of an element
if ( $(this).hasClass("protected")
John Resig
slideToggle
descendent selector
html
milliseconds
terminator
var myDivElement = $('#myDivId');
var myValue = $('#myDivId').val();
var isVisible = $('#myDiv').is(':visible');
id selector
class selector
$
if ( $('#myDiv').length )
code block
slideDown
dot
$("img#dog").fadeIn(3000);
Write Less
$( )
opaque
selector
$("#some\.id") instead of $("#some.id")
production
<script></script>
$("#c").attr("checked", "checked");
$("<selector>").<method>;
transparent
none
DOM (Document Object Model)
HTML string
$('#myDivId').val("hello world");
$("#x").attr("disabled","disabled");
CSS
dot
$("h1").hide();
dollar sign
JavaScript
viewport
jQuery
if ( $('#myDiv').is('.pretty') )
node
method
browser
$('#myDivId')
var isHidden = $('#myDiv').is(':hidden');
1000
interpreter
+
if not $('#myDiv').show();
concatenation
semicolon
$("#c").attr("checked","");
$('.myCssClass')
slideUp
$("#x").removeAttr("disabled");
developer
html
$(document).ready( function( ) {/* your code here */} );
var myValue = $('#myDivId').val();
*
http://www.jquery.com
$("#myselect option:selected").text();
38. Test whether an element has a particular class
$('.myCssClass')
semicolon
production
milliseconds
var myValue = $('#myDivId').val();
slideUp
id selector
if ( $('#myDiv').is('.pretty') )
$("#some\.id") instead of $("#some.id")
interpreter
http://www.jquery.com
HTML string
$
terminator
dollar sign
var isVisible = $('#myDiv').is(':visible');
method
slideDown
*
DOM (Document Object Model)
$("#x").removeAttr("disabled");
var myDivElement = $('#myDivId');
$(document).ready( function( ) {/* your code here */} );
$("#myselect option:selected").text();
node
none
dot
John Resig
$('#myDivId').val("hello world");
descendent selector
+
$("#c").attr("checked", "checked");
slideToggle
code block
if not $('#myDiv').show();
JavaScript
html
$("#c").attr("checked","");
$( )
if ( $(this).hasClass("protected")
$("#x").attr("disabled","disabled");
browser
jQuery
developer
$('#myDivId')
CSS
dot
concatenation
Write Less
$("img#dog").fadeIn(3000);
opaque
selector
html
class selector
$("<selector>").<method>;
viewport
<script></script>
if ( $('#myDiv').is('.pretty') )
transparent
$("h1").hide();
if ( $('#myDiv').length )
var isHidden = $('#myDiv').is(':hidden');
1000
39. Number of milliseconds in a second
developer
$("<selector>").<method>;
browser
1000
40. JavaScript library specialized for complex interactivity and rich visual effects
jQuery
DOM (Document Object Model)
CSS
var isVisible = $('#myDiv').is(':visible');
41. Allows you to select a grouping of elements
opaque
slideDown
class selector
id selector
42. The ______ method says 'If it's up slide it down; if it's down slide it up.'
selector
$("#x").removeAttr("disabled");
slideToggle
descendent selector
43. jQuery is written in _____________
http://www.jquery.com
JavaScript
code block
production
44. The process of adding or 'gluing' various kinds of data together often in a message
node
concatenation
dot
if ( $('#myDiv').is('.pretty') )
45. Each part of the DOM is called a ________.
JavaScript
node
$('.myCssClass')
$( )
46. Select an element that has special CSS characters in its ID like '.'
$("#x").removeAttr("disabled");
$("#some\.id") instead of $("#some.id")
dot
slideUp
47. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
dot
production
html
method
48. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
developer
dollar sign
selector
slideDown
49. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
node
$("img#dog").fadeIn(3000);
method
http://www.jquery.com
50. Stuff between { } is often called a ______
$('#myDivId')
John Resig
$("#myselect option:selected").text();
code block