Test your basic knowledge |

Jquery Commands

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. A ______ is used by jQuery to locate and return an element from the web page
selector
JavaScript
$("#x").removeAttr("disabled");
html

2. The process of adding or 'gluing' various kinds of data together often in a message
concatenation
if ( $(this).hasClass("protected")
$('#myDivId').val("hello world");
$("#myselect option:selected").text();

3. jQuery motto: _____. Do More.
var myDivElement = $('#myDivId');
slideToggle
Write Less
id selector

4. URL for obtaining jQuery
var myValue = $('#myDivId').val();
interpreter
slideUp
http://www.jquery.com

5. Another word for invisible
$
transparent
$("img#dog").fadeIn(3000);
$("#some\.id") instead of $("#some.id")

6. Test whether an element exists
dollar sign
if ( $(this).hasClass("protected")
HTML string
$('.myCssClass')
var isHidden = $('#myDiv').is(':hidden');
slideUp
$( )
browser
var myValue = $('#myDivId').val();
developer
jQuery
DOM (Document Object Model)
<script></script>
node
$(document).ready( function( ) {/* your code here */} );
transparent
$("#c").attr("checked","");
code block
dot
*
+
slideDown
Write Less
slideToggle
http://www.jquery.com
$('#myDivId').val("hello world");
none
if ( $('#myDiv').length )
selector
JavaScript
id selector
$("#some\.id") instead of $("#some.id")
dot
viewport
$("h1").hide();
class selector
$('#myDivId')
$("#c").attr("checked", "checked");
$("#x").removeAttr("disabled");
var myDivElement = $('#myDivId');
var isVisible = $('#myDiv').is(':visible');
terminator
John Resig
if ( $('#myDiv').is('.pretty') )
production
milliseconds
$("#x").attr("disabled","disabled");
if not $('#myDiv').show();
$("<selector>").<method>;
semicolon
interpreter
descendent selector
$("img#dog").fadeIn(3000);
CSS
method
1000
$
concatenation
opaque
$("#myselect option:selected").text();
if ( $('#myDiv').length )
html
html

7. Set the value of an element
viewport
html
var myValue = $('#myDivId').val();
var isHidden = $('#myDiv').is(':hidden');
code block
$
$("#x").attr("disabled","disabled");
if not $('#myDiv').show();
http://www.jquery.com
$("#myselect option:selected").text();
$("<selector>").<method>;
*
terminator
$('#myDivId').val("hello world");
dot
node
class selector
slideUp
$(document).ready( function( ) {/* your code here */} );
dot
$("#c").attr("checked", "checked");
html
descendent selector
selector
method
if ( $('#myDiv').length )
1000
+
transparent
if ( $(this).hasClass("protected")
milliseconds
Write Less
slideToggle
$('#myDivId').val("hello world");
$("#some\.id") instead of $("#some.id")
none
$('.myCssClass')
$('#myDivId')
developer
HTML string
var myDivElement = $('#myDivId');
production
slideDown
dollar sign
DOM (Document Object Model)
John Resig
browser
if ( $('#myDiv').is('.pretty') )
interpreter
$("#c").attr("checked","");
CSS
id selector
$( )
jQuery
semicolon
$("img#dog").fadeIn(3000);
$("#x").removeAttr("disabled");
<script></script>
var isVisible = $('#myDiv').is(':visible');
JavaScript
$("h1").hide();
concatenation
opaque

8. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
$("#some\.id") instead of $("#some.id")
jQuery
$
*

9. The ______ is the main window of the browser.
node
viewport
var myDivElement = $('#myDivId');
if ( $('#myDiv').length )

10. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
slideDown
milliseconds
var myValue = $('#myDivId').val();
if not $('#myDiv').show();

11. Select an item using id
$("#myselect option:selected").text();
$("<selector>").<method>;
none
html
if ( $('#myDiv').length )
$("#c").attr("checked","");
dot
selector
slideToggle
*
CSS
viewport
$("#x").attr("disabled","disabled");
method
if ( $('#myDiv').is('.pretty') )
opaque
html
dot
dollar sign
$(document).ready( function( ) {/* your code here */} );
slideDown
browser
jQuery
semicolon
code block
developer
$( )
terminator
node
concatenation
Write Less
transparent
DOM (Document Object Model)
$('.myCssClass')
$
id selector
var myDivElement = $('#myDivId');
class selector
$("#some\.id") instead of $("#some.id")
$('#myDivId')
descendent selector
$("#x").removeAttr("disabled");
var isVisible = $('#myDiv').is(':visible');
http://www.jquery.com
milliseconds
if ( $(this).hasClass("protected")
production
1000
<script></script>
interpreter
John Resig
+
slideUp
var myValue = $('#myDivId').val();
if not $('#myDiv').show();
$("#c").attr("checked", "checked");
JavaScript
HTML string
$("img#dog").fadeIn(3000);
var isHidden = $('#myDiv').is(':hidden');
$('#myDivId')
$("h1").hide();
$('#myDivId').val("hello world");

12. Unit of time measure in jQuery commands requiring a time value
milliseconds
if ( $(this).hasClass("protected")
viewport
$("<selector>").<method>;

13. Wildcard selector in jQuery (selects all elements)
semicolon
*
DOM (Document Object Model)
var myDivElement = $('#myDivId');

14. Select an element that has special CSS characters in its ID like '.'
html
$("#some\.id") instead of $("#some.id")
none
$("#x").attr("disabled","disabled");

15. The semicolon following a jQuery statement is known as a ___________
developer
terminator
dot
$("#x").removeAttr("disabled");

16. Both CSS and jQuery use the ____ symbol to specify a class.
$("#c").attr("checked","");
if not $('#myDiv').show();
<script></script>
dot

17. Assign a selected element to a javascript variable
dollar sign
node
if ( $(this).hasClass("protected")
developer
dot
<script></script>
1000
browser
$('#myDivId')
$("<selector>").<method>;
selector
$("#c").attr("checked", "checked");
jQuery
var myDivElement = $('#myDivId');
$("#x").attr("disabled","disabled");
$("#some\.id") instead of $("#some.id")
class selector
$( )
if ( $('#myDiv').length )
method
slideUp
descendent selector
John Resig
+
$("h1").hide();
semicolon
$("#x").removeAttr("disabled");
var myDivElement = $('#myDivId');
interpreter
$("img#dog").fadeIn(3000);
$('.myCssClass')
http://www.jquery.com
$
transparent
$('#myDivId').val("hello world");
if not $('#myDiv').show();
HTML string
concatenation
terminator
code block
var myValue = $('#myDivId').val();
production
html
html
$(document).ready( function( ) {/* your code here */} );
slideDown
JavaScript
if ( $('#myDiv').is('.pretty') )
none
DOM (Document Object Model)
milliseconds
opaque
$("#c").attr("checked","");
*
$("#myselect option:selected").text();
dot
Write Less
id selector
var isHidden = $('#myDiv').is(':hidden');
viewport
slideToggle
CSS
var isVisible = $('#myDiv').is(':visible');

18. Name of the symbol used for the jQuery shortcut
$(document).ready( function( ) {/* your code here */} );
opaque
var myDivElement = $('#myDivId');
dollar sign

19. The _______ version of jQuery is minified
$('#myDivId').val("hello world");
$("#myselect option:selected").text();
production
$("<selector>").<method>;

20. The ______ method says 'If it's up slide it down; if it's down slide it up.'
var myValue = $('#myDivId').val();
$("#c").attr("checked","");
slideToggle
html

21. Use a _____ to test that your jQuery scripts are working.
$('.myCssClass')
browser
$("#myselect option:selected").text();
none

22. Two versions of jQuery available for download: production & ________
id selector
$("#c").attr("checked","");
developer
slideUp

23. This kind of file builds the structure of the web page
html
$('.myCssClass')
HTML string
none

24. Root of an html document
if not $('#myDiv').show();
html
var myDivElement = $('#myDivId');
milliseconds

25. Determine the state of a toggled element
1000
terminator
code block
$("#x").removeAttr("disabled");
+
browser
selector
id selector
dot
class selector
$(document).ready( function( ) {/* your code here */} );
milliseconds
slideUp
html
slideToggle
$("<selector>").<method>;
$("img#dog").fadeIn(3000);
$('.myCssClass')
dollar sign
html
DOM (Document Object Model)
$('#myDivId')
HTML string
node
if ( $('#myDiv').length )
$("#x").attr("disabled","disabled");
*
Write Less
$("#c").attr("checked", "checked");
if ( $(this).hasClass("protected")
method
John Resig
interpreter
http://www.jquery.com
slideDown
$("#myselect option:selected").text();
var myValue = $('#myDivId').val();
viewport
descendent selector
opaque
if ( $('#myDiv').is('.pretty') )
$("h1").hide();
<script></script>
transparent
var isVisible = $('#myDiv').is(':visible');
$
production
var isHidden = $('#myDiv').is(':hidden');
JavaScript
var myDivElement = $('#myDivId');
developer
var isHidden = $('#myDiv').is(':hidden');
concatenation
$("#some\.id") instead of $("#some.id")
dot
none
jQuery
$('#myDivId').val("hello world");
semicolon
$("#c").attr("checked","");
$( )
if not $('#myDiv').show();
CSS

26. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
milliseconds
$(document).ready( function( ) {/* your code here */} );
$("#x").attr("disabled","disabled");
$("#c").attr("checked","");

27. Allows you to select a grouping of elements
DOM (Document Object Model)
production
class selector
html

28. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
opaque
CSS
HTML string
$("#c").attr("checked", "checked");

29. Show item if it exists but do nothing (no errors)
none
developer
milliseconds
selector
var myValue = $('#myDivId').val();
$("#x").attr("disabled","disabled");
$(document).ready( function( ) {/* your code here */} );
jQuery
html
$("#c").attr("checked","");
$('#myDivId').val("hello world");
$("#c").attr("checked", "checked");
HTML string
slideToggle
if ( $('#myDiv').length )
*
Write Less
slideDown
opaque
+
semicolon
var isVisible = $('#myDiv').is(':visible');
1000
$
CSS
var myDivElement = $('#myDivId');
$('#myDivId')
$("h1").hide();
class selector
id selector
html
slideUp
$("#x").removeAttr("disabled");
$('.myCssClass')
if not $('#myDiv').show();
$("<selector>").<method>;
http://www.jquery.com
transparent
John Resig
if not $('#myDiv').show();
production
terminator
concatenation
var isHidden = $('#myDiv').is(':hidden');
interpreter
if ( $(this).hasClass("protected")
node
method
descendent selector
dot
code block
dot
$( )
$("#some\.id") instead of $("#some.id")
browser
$("img#dog").fadeIn(3000);
<script></script>
dollar sign
DOM (Document Object Model)
if ( $('#myDiv').is('.pretty') )
$("#myselect option:selected").text();
viewport
JavaScript

30. The _____ method changes the height property of an element until it is zero and then hides the element.
method
$('.myCssClass')
slideUp
interpreter

31. Disable an element
$("#x").attr("disabled","disabled");
slideToggle
$("#x").removeAttr("disabled");
$( )

32. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
production
$('.myCssClass')
http://www.jquery.com
method

33. Each part of the DOM is called a ________.
http://www.jquery.com
concatenation
code block
node

34. A CSS setting that makes sure an element won't show when the page loads: display:______;
$("#myselect option:selected").text();
var myDivElement = $('#myDivId');
none
$("#some\.id") instead of $("#some.id")

35. Get the value of an element
$('#myDivId')
if ( $('#myDiv').is('.pretty') )
$("img#dog").fadeIn(3000);
production
if ( $('#myDiv').length )
Write Less
html
class selector
none
interpreter
dollar sign
slideToggle
$("<selector>").<method>;
dot
viewport
$("#c").attr("checked","");
$("#myselect option:selected").text();
John Resig
transparent
$("#x").attr("disabled","disabled");
$('.myCssClass')
method
concatenation
semicolon
var myValue = $('#myDivId').val();
$("#c").attr("checked", "checked");
selector
developer
opaque
$('#myDivId').val("hello world");
terminator
<script></script>
$( )
if ( $(this).hasClass("protected")
descendent selector
dot
+
jQuery
*
JavaScript
var myDivElement = $('#myDivId');
$
http://www.jquery.com
1000
var myValue = $('#myDivId').val();
$(document).ready( function( ) {/* your code here */} );
milliseconds
CSS
var isHidden = $('#myDiv').is(':hidden');
id selector
HTML string
code block
$("#x").removeAttr("disabled");
DOM (Document Object Model)
$("#some\.id") instead of $("#some.id")
if not $('#myDiv').show();
slideDown
var isVisible = $('#myDiv').is(':visible');
browser
node
$("h1").hide();
html
slideUp

36. Another word for visible
DOM (Document Object Model)
$("#x").removeAttr("disabled");
var myValue = $('#myDivId').val();
opaque

37. jQuery selects elements the same way ____ does
selector
id selector
CSS
if ( $('#myDiv').is('.pretty') )

38. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
html
$("<selector>").<method>;
$("img#dog").fadeIn(3000);
$("h1").hide();

39. Concatenation symbol in JavaScript
viewport
$( )
html
+

40. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
$("img#dog").fadeIn(3000);
JavaScript
$("#c").attr("checked","");
if ( $(this).hasClass("protected")

41. 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)
none
$("#myselect option:selected").text();
$("img#dog").fadeIn(3000);

42. Test whether an element has a particular class
if ( $(this).hasClass("protected")
$("h1").hide();
interpreter
jQuery

43. The JavaScript ______ translates directions you give it into different actions on the web page
terminator
interpreter
var myDivElement = $('#myDivId');
if ( $('#myDiv').length )

44. Shortcut for typing: jQuery( )
John Resig
$("#myselect option:selected").text();
+
$( )

45. JavaScript library specialized for complex interactivity and rich visual effects
code block
CSS
jQuery
<script></script>

46. HTML tag pair that delimits a jQuery code block
viewport
<script></script>
John Resig
Write Less

47. Name of the symbol that ends a jQuery statement
dollar sign
semicolon
$('#myDivId')
Write Less

48. Name of the character used to separate a jQuery selector from a jQuery method
$
+
concatenation
dot

49. Test whether an element has a particular class
var isHidden = $('#myDiv').is(':hidden');
html
if ( $('#myDiv').is('.pretty') )
html
$("#x").removeAttr("disabled");
production
descendent selector
dollar sign
interpreter
terminator
JavaScript
HTML string
$("#c").attr("checked","");
code block
browser
var isVisible = $('#myDiv').is(':visible');
<script></script>
$("<selector>").<method>;
$
viewport
class selector
selector
milliseconds
$('#myDivId').val("hello world");
slideToggle
developer
http://www.jquery.com
$('#myDivId')
$("#myselect option:selected").text();
$( )
Write Less
jQuery
$("#some\.id") instead of $("#some.id")
dot
if ( $(this).hasClass("protected")
opaque
if not $('#myDiv').show();
none
1000
John Resig
CSS
$("h1").hide();
$("#c").attr("checked", "checked");
concatenation
$("#x").attr("disabled","disabled");
id selector
slideDown
$('.myCssClass')
var myValue = $('#myDivId').val();
DOM (Document Object Model)
var myDivElement = $('#myDivId');
if ( $('#myDiv').is('.pretty') )
if ( $('#myDiv').length )
method
$(document).ready( function( ) {/* your code here */} );
transparent
$("img#dog").fadeIn(3000);
dot
semicolon
+
*
node
slideUp

50. The original creator of the jQuery library
John Resig
milliseconds
selector
terminator