SUBJECTS
|
BROWSE
|
CAREER CENTER
|
POPULAR
|
JOIN
|
LOGIN
Business Skills
|
Soft Skills
|
Basic Literacy
|
Certifications
About
|
Help
|
Privacy
|
Terms
|
Email
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. Determine the state of a toggled element
selector
viewport
$("img#dog").fadeIn(3000);
var myValue = $('#myDivId').val();
HTML string
$
opaque
terminator
Write Less
milliseconds
dot
$('#myDivId')
$('.myCssClass')
html
var myDivElement = $('#myDivId');
$("#some\.id") instead of $("#some.id")
node
<script></script>
code block
if ( $('#myDiv').length )
interpreter
none
+
$( )
CSS
*
DOM (Document Object Model)
developer
if ( $('#myDiv').is('.pretty') )
$(document).ready( function( ) {/* your code here */} );
class selector
$("#x").attr("disabled","disabled");
transparent
descendent selector
concatenation
if ( $(this).hasClass("protected")
$("#x").removeAttr("disabled");
$("h1").hide();
jQuery
$("#c").attr("checked", "checked");
slideToggle
slideUp
$('#myDivId').val("hello world");
http://www.jquery.com
$("#myselect option:selected").text();
var isVisible = $('#myDiv').is(':visible');
dollar sign
method
$("#c").attr("checked","");
id selector
dot
var isHidden = $('#myDiv').is(':hidden');
var isHidden = $('#myDiv').is(':hidden');
if not $('#myDiv').show();
John Resig
slideDown
1000
JavaScript
production
html
$("<selector>").<method>;
browser
semicolon
2. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
slideDown
DOM (Document Object Model)
$("#c").attr("checked", "checked");
if ( $(this).hasClass("protected")
3. The ______ is the main window of the browser.
node
viewport
$
if not $('#myDiv').show();
4. Allows you to select a grouping of elements
$('#myDivId').val("hello world");
class selector
$('.myCssClass')
transparent
5. Uncheck an input
if ( $('#myDiv').length )
$('#myDivId').val("hello world");
opaque
$("#c").attr("checked","");
6. Set the value of an element
dot
var myValue = $('#myDivId').val();
1000
jQuery
node
$( )
$('#myDivId').val("hello world");
var myDivElement = $('#myDivId');
var isVisible = $('#myDiv').is(':visible');
if ( $(this).hasClass("protected")
if ( $('#myDiv').is('.pretty') )
$('.myCssClass')
<script></script>
transparent
$("#c").attr("checked", "checked");
terminator
id selector
milliseconds
dollar sign
viewport
semicolon
dot
html
var isHidden = $('#myDiv').is(':hidden');
$("img#dog").fadeIn(3000);
+
none
John Resig
slideDown
opaque
if not $('#myDiv').show();
$("#c").attr("checked","");
JavaScript
$("#some\.id") instead of $("#some.id")
selector
concatenation
browser
production
$('#myDivId').val("hello world");
interpreter
developer
$("<selector>").<method>;
descendent selector
$('#myDivId')
Write Less
$("#x").removeAttr("disabled");
slideToggle
$
CSS
HTML string
$("h1").hide();
if ( $('#myDiv').length )
$("#myselect option:selected").text();
slideUp
http://www.jquery.com
DOM (Document Object Model)
$(document).ready( function( ) {/* your code here */} );
html
class selector
method
code block
*
$("#x").attr("disabled","disabled");
7. Name of the symbol that ends a jQuery statement
id selector
$( )
semicolon
html
8. Select an item using class
Warning
: Invalid argument supplied for foreach() in
/var/www/html/basicversity.com/show_quiz.php
on line
183
9. The semicolon following a jQuery statement is known as a ___________
$('#myDivId')
<script></script>
terminator
var isHidden = $('#myDiv').is(':hidden');
10. The original creator of the jQuery library
John Resig
$('.myCssClass')
$("<selector>").<method>;
$('#myDivId').val("hello world");
11. Root of an html document
var isVisible = $('#myDiv').is(':visible');
John Resig
slideToggle
html
12. Get the value of an element
HTML string
dollar sign
html
$("#myselect option:selected").text();
var myValue = $('#myDivId').val();
node
code block
var isHidden = $('#myDiv').is(':hidden');
Write Less
dot
slideToggle
$
terminator
id selector
$("#some\.id") instead of $("#some.id")
slideUp
if not $('#myDiv').show();
var myValue = $('#myDivId').val();
if ( $(this).hasClass("protected")
1000
CSS
none
var myDivElement = $('#myDivId');
transparent
+
DOM (Document Object Model)
production
John Resig
$("#c").attr("checked","");
descendent selector
if ( $('#myDiv').is('.pretty') )
milliseconds
$(document).ready( function( ) {/* your code here */} );
concatenation
slideDown
semicolon
dot
if ( $('#myDiv').length )
html
*
viewport
$("h1").hide();
JavaScript
opaque
$('#myDivId')
var isVisible = $('#myDiv').is(':visible');
$("#x").removeAttr("disabled");
$("#c").attr("checked", "checked");
$('#myDivId').val("hello world");
$( )
$("#x").attr("disabled","disabled");
interpreter
method
browser
selector
<script></script>
developer
$("<selector>").<method>;
http://www.jquery.com
$("img#dog").fadeIn(3000);
jQuery
$('.myCssClass')
class selector
13. The ______ method says 'If it's up slide it down; if it's down slide it up.'
slideToggle
var myValue = $('#myDivId').val();
+
semicolon
14. Select an item using id
http://www.jquery.com
var isHidden = $('#myDiv').is(':hidden');
id selector
browser
transparent
$( )
terminator
viewport
$("#x").attr("disabled","disabled");
$("#c").attr("checked", "checked");
method
JavaScript
John Resig
code block
$('#myDivId')
$("<selector>").<method>;
slideToggle
slideDown
descendent selector
dot
dot
semicolon
CSS
html
jQuery
$("img#dog").fadeIn(3000);
if ( $('#myDiv').length )
$('.myCssClass')
dollar sign
*
HTML string
Write Less
$('#myDivId')
$("#x").removeAttr("disabled");
1000
node
selector
$
DOM (Document Object Model)
slideUp
developer
$("#c").attr("checked","");
class selector
$(document).ready( function( ) {/* your code here */} );
if ( $('#myDiv').is('.pretty') )
var isVisible = $('#myDiv').is(':visible');
$('#myDivId').val("hello world");
opaque
none
production
var myDivElement = $('#myDivId');
interpreter
html
concatenation
+
if not $('#myDiv').show();
$("#myselect option:selected").text();
<script></script>
var myValue = $('#myDivId').val();
$("#some\.id") instead of $("#some.id")
milliseconds
$("h1").hide();
if ( $(this).hasClass("protected")
15. A(n) ___ _____ is used to identify a single unique element on a page.
interpreter
$("#x").attr("disabled","disabled");
id selector
jQuery
16. Number of milliseconds in a second
dollar sign
*
$('.myCssClass')
1000
17. JavaScript library specialized for complex interactivity and rich visual effects
slideToggle
production
jQuery
none
18. Test whether an element has a particular class
if ( $(this).hasClass("protected")
none
var isHidden = $('#myDiv').is(':hidden');
$
19. Two versions of jQuery available for download: production & ________
developer
*
slideDown
John Resig
20. The _____ method changes the height property of an element until it is zero and then hides the element.
$('#myDivId').val("hello world");
viewport
slideUp
selector
21. Name of the character used to separate a jQuery selector from a jQuery method
id selector
dot
http://www.jquery.com
1000
22. HTML tag pair that delimits a jQuery code block
code block
<script></script>
node
milliseconds
23. URL for obtaining jQuery
$
browser
slideDown
http://www.jquery.com
24. This kind of file builds the structure of the web page
node
slideDown
id selector
html
25. The _______ version of jQuery is minified
$( )
concatenation
production
if ( $('#myDiv').length )
26. Both CSS and jQuery use the ____ symbol to specify a class.
$("#x").removeAttr("disabled");
if ( $('#myDiv').length )
concatenation
dot
27. Determine the state of a toggled element
HTML string
$('#myDivId')
CSS
viewport
html
var isVisible = $('#myDiv').is(':visible');
<script></script>
slideUp
if not $('#myDiv').show();
browser
http://www.jquery.com
none
slideDown
node
transparent
if ( $('#myDiv').is('.pretty') )
selector
John Resig
$( )
terminator
JavaScript
$("h1").hide();
$("#some\.id") instead of $("#some.id")
code block
+
$("#c").attr("checked", "checked");
$('.myCssClass')
1000
dot
DOM (Document Object Model)
var isVisible = $('#myDiv').is(':visible');
dot
id selector
opaque
$("#c").attr("checked","");
var myValue = $('#myDivId').val();
interpreter
developer
var myDivElement = $('#myDivId');
$("#x").removeAttr("disabled");
$("img#dog").fadeIn(3000);
$("<selector>").<method>;
concatenation
$('#myDivId').val("hello world");
*
dollar sign
milliseconds
slideToggle
production
var isHidden = $('#myDiv').is(':hidden');
html
jQuery
descendent selector
class selector
$(document).ready( function( ) {/* your code here */} );
if ( $('#myDiv').length )
method
$
if ( $(this).hasClass("protected")
semicolon
$("#myselect option:selected").text();
$("#x").attr("disabled","disabled");
Write Less
28. Each part of the DOM is called a ________.
node
transparent
code block
semicolon
29. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
concatenation
Write Less
$(document).ready( function( ) {/* your code here */} );
slideUp
30. Test whether an element exists
<script></script>
if ( $('#myDiv').length )
$
milliseconds
terminator
$("#x").removeAttr("disabled");
concatenation
developer
slideToggle
$("#myselect option:selected").text();
slideUp
var isHidden = $('#myDiv').is(':hidden');
viewport
dot
$("img#dog").fadeIn(3000);
class selector
CSS
$('#myDivId')
transparent
$('.myCssClass')
if not $('#myDiv').show();
JavaScript
production
Write Less
id selector
DOM (Document Object Model)
html
$("<selector>").<method>;
var myValue = $('#myDivId').val();
html
$(document).ready( function( ) {/* your code here */} );
var isVisible = $('#myDiv').is(':visible');
$('#myDivId').val("hello world");
if ( $('#myDiv').length )
code block
none
var myDivElement = $('#myDivId');
dollar sign
if ( $('#myDiv').is('.pretty') )
opaque
descendent selector
1000
slideDown
*
$("#x").attr("disabled","disabled");
browser
$("#some\.id") instead of $("#some.id")
jQuery
+
HTML string
$( )
node
John Resig
method
interpreter
http://www.jquery.com
$("#c").attr("checked", "checked");
$("#c").attr("checked","");
semicolon
dot
if ( $(this).hasClass("protected")
$("h1").hide();
selector
31. Check an input
$("#c").attr("checked", "checked");
interpreter
if ( $('#myDiv').is('.pretty') )
JavaScript
32. jQuery selects elements the same way ____ does
var isVisible = $('#myDiv').is(':visible');
dollar sign
CSS
var myValue = $('#myDivId').val();
33. jQuery is written in _____________
none
id selector
slideUp
JavaScript
34. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
CSS
method
+
html
35. Basic jQuery syntax (using shortcut)
class selector
$("<selector>").<method>;
$("#c").attr("checked","");
slideUp
36. Select an element that has special CSS characters in its ID like '.'
semicolon
$("h1").hide();
$("#some\.id") instead of $("#some.id")
$('#myDivId')
37. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
descendent selector
dollar sign
if ( $(this).hasClass("protected")
dot
38. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
slideDown
$(document).ready( function( ) {/* your code here */} );
1000
if not $('#myDiv').show();
39. A ______ is used by jQuery to locate and return an element from the web page
var myDivElement = $('#myDivId');
selector
if ( $(this).hasClass("protected")
semicolon
40. jQuery motto: _____. Do More.
Write Less
id selector
method
$('#myDivId')
41. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
$
slideUp
method
id selector
42. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
terminator
node
CSS
HTML string
43. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
+
html
browser
$("h1").hide();
44. Concatenation symbol in JavaScript
production
+
var isVisible = $('#myDiv').is(':visible');
terminator
45. The JavaScript ______ translates directions you give it into different actions on the web page
1000
none
if ( $(this).hasClass("protected")
interpreter
46. Shortcut for typing: jQuery( )
<script></script>
$("#x").removeAttr("disabled");
var myDivElement = $('#myDivId');
$( )
47. Show item if it exists but do nothing (no errors)
$("img#dog").fadeIn(3000);
dollar sign
browser
descendent selector
transparent
HTML string
var myValue = $('#myDivId').val();
*
var isVisible = $('#myDiv').is(':visible');
jQuery
dot
slideUp
1000
if not $('#myDiv').show();
if not $('#myDiv').show();
html
http://www.jquery.com
milliseconds
CSS
slideToggle
var myDivElement = $('#myDivId');
if ( $('#myDiv').is('.pretty') )
DOM (Document Object Model)
$(document).ready( function( ) {/* your code here */} );
if ( $(this).hasClass("protected")
node
$('#myDivId')
$("#x").attr("disabled","disabled");
$
$("h1").hide();
interpreter
semicolon
none
+
$("#x").removeAttr("disabled");
opaque
dot
var isHidden = $('#myDiv').is(':hidden');
viewport
$("#some\.id") instead of $("#some.id")
$("#c").attr("checked", "checked");
John Resig
$('#myDivId').val("hello world");
$( )
terminator
JavaScript
$("<selector>").<method>;
method
$("#c").attr("checked","");
concatenation
Write Less
developer
slideDown
<script></script>
class selector
if ( $('#myDiv').length )
$('.myCssClass')
html
production
id selector
$("#myselect option:selected").text();
code block
selector
48. Use a _____ to test that your jQuery scripts are working.
dollar sign
id selector
$("h1").hide();
browser
49. Unit of time measure in jQuery commands requiring a time value
$("h1").hide();
milliseconds
HTML string
if ( $('#myDiv').length )
50. Another word for invisible
dot
transparent
$("<selector>").<method>;
method