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. The _____ method changes the height property of an element until it is zero and then hides the element.
dot
slideUp
<script></script>
viewport

2. Name of the symbol used for the jQuery shortcut
if ( $(this).hasClass("protected")
$('#myDivId').val("hello world");
$("#c").attr("checked", "checked");
dollar sign

3. Root of an html document
html
$("h1").hide();
viewport
slideUp

4. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
semicolon
production
var isVisible = $('#myDiv').is(':visible');
HTML string

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

6. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
method
if ( $(this).hasClass("protected")
var myValue = $('#myDivId').val();
$('#myDivId').val("hello world");

7. The original creator of the jQuery library
$('#myDivId')
selector
var isVisible = $('#myDiv').is(':visible');
John Resig

8. Check an input
if ( $(this).hasClass("protected")
$("h1").hide();
method
$("#c").attr("checked", "checked");

9. The ______ is the main window of the browser.
$("#x").attr("disabled","disabled");
var isHidden = $('#myDiv').is(':hidden');
viewport
+

10. The _______ version of jQuery is minified
production
John Resig
if ( $('#myDiv').length )
$("<selector>").<method>;

11. Name of the symbol that ends a jQuery statement
if ( $('#myDiv').length )
$('#myDivId').val("hello world");
$("<selector>").<method>;
semicolon

12. Select an element that has special CSS characters in its ID like '.'
$("#some\.id") instead of $("#some.id")
$('#myDivId').val("hello world");
*
Write Less

13. The semicolon following a jQuery statement is known as a ___________
John Resig
terminator
if not $('#myDiv').show();
concatenation

14. 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);
$("#c").attr("checked", "checked");
$("#some\.id") instead of $("#some.id")
developer

15. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
slideDown
$("#x").attr("disabled","disabled");
$("#c").attr("checked", "checked");
method

16. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
DOM (Document Object Model)
node
code block
$("h1").hide();

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

18. Test whether an element has a particular class
$('#myDivId')
John Resig
opaque
if ( $(this).hasClass("protected")

19. Both CSS and jQuery use the ____ symbol to specify a class.
$
jQuery
$("#x").attr("disabled","disabled");
dot

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

21. Basic jQuery syntax (using shortcut)
$("#x").removeAttr("disabled");
$("<selector>").<method>;
terminator
var myDivElement = $('#myDivId');

22. Allows you to select a grouping of elements
viewport
if ( $('#myDiv').length )
class selector
$(document).ready( function( ) {/* your code here */} );

23. A CSS setting that makes sure an element won't show when the page loads: display:______;
$('.myCssClass')
developer
none
$("<selector>").<method>;

24. Another word for visible
$
opaque
jQuery
http://www.jquery.com

25. URL for obtaining jQuery
$('#myDivId').val("hello world");
production
http://www.jquery.com
$("#x").removeAttr("disabled");

26. Uncheck an input
var isVisible = $('#myDiv').is(':visible');
$("#myselect option:selected").text();
opaque
$("#c").attr("checked","");

27. Two versions of jQuery available for download: production & ________
$("#myselect option:selected").text();
developer
slideToggle
$("<selector>").<method>;

28. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
html
DOM (Document Object Model)
production
$("#myselect option:selected").text();

29. A ______ is used by jQuery to locate and return an element from the web page
$("<selector>").<method>;
$('#myDivId').val("hello world");
selector
html

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

31. JavaScript library specialized for complex interactivity and rich visual effects
HTML string
jQuery
if ( $('#myDiv').is('.pretty') )
var myValue = $('#myDivId').val();

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

33. jQuery motto: _____. Do More.
Write Less
var isVisible = $('#myDiv').is(':visible');
$("h1").hide();
$("#c").attr("checked", "checked");

34. This kind of file builds the structure of the web page
html
slideToggle
interpreter
id selector

35. 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 */} );
dot
code block
if ( $('#myDiv').is('.pretty') )

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

37. Concatenation symbol in JavaScript
var myValue = $('#myDivId').val();
id selector
+
CSS

38. Shortcut for typing: jQuery( )
var isHidden = $('#myDiv').is(':hidden');
HTML string
$( )
interpreter

39. Select an item using class

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

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

42. Wildcard selector in jQuery (selects all elements)
if not $('#myDiv').show();
code block
*
semicolon

43. The JavaScript ______ translates directions you give it into different actions on the web page
descendent selector
interpreter
var myValue = $('#myDivId').val();
$("h1").hide();

44. Disable an element
$("#x").attr("disabled","disabled");
html
code block
$("#x").removeAttr("disabled");

45. The ______ method says 'If it's up slide it down; if it's down slide it up.'
if ( $(this).hasClass("protected")
slideToggle
$("#x").removeAttr("disabled");
milliseconds

46. Unit of time measure in jQuery commands requiring a time value
dollar sign
viewport
milliseconds
$("h1").hide();

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

48. The process of adding or 'gluing' various kinds of data together often in a message
if ( $('#myDiv').length )
viewport
$("#x").removeAttr("disabled");
concatenation

49. A(n) ___ _____ is used to identify a single unique element on a page.
dot
id selector
JavaScript
jQuery

50. jQuery is written in _____________
CSS
$('.myCssClass')
1000
JavaScript