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. Basic jQuery syntax (using shortcut)
var myDivElement = $('#myDivId');
if ( $('#myDiv').length )
$("<selector>").<method>;
transparent

2. Allows you to select a grouping of elements
if ( $('#myDiv').length )
John Resig
class selector
Write Less

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

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

5. Name of the character used to separate a jQuery selector from a jQuery method
jQuery
method
dot
$( )

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

7. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
slideDown
slideToggle
html
interpreter

8. Use a _____ to test that your jQuery scripts are working.
semicolon
browser
DOM (Document Object Model)
dollar sign

9. Wildcard selector in jQuery (selects all elements)
if not $('#myDiv').show();
dollar sign
$("h1").hide();
*

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

11. Check an input
John Resig
$("#c").attr("checked", "checked");
DOM (Document Object Model)
var myValue = $('#myDivId').val();

12. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
method
dollar sign
var myValue = $('#myDivId').val();
viewport

13. Root of an html document
slideUp
html
$('#myDivId').val("hello world");
http://www.jquery.com

14. Number of milliseconds in a second
semicolon
1000
http://www.jquery.com
var isHidden = $('#myDiv').is(':hidden');

15. Concatenation symbol in JavaScript
selector
html
+
http://www.jquery.com

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

17. Enable an element
$("#x").removeAttr("disabled");
$("#c").attr("checked", "checked");
CSS
jQuery

18. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
node
if ( $('#myDiv').length )
$
method

19. URL for obtaining jQuery
terminator
$('#myDivId')
$("#c").attr("checked","");
http://www.jquery.com

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

21. jQuery is written in _____________
JavaScript
browser
slideDown
$("#c").attr("checked","");

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

23. Shortcut for typing: jQuery( )
terminator
$( )
production
concatenation

24. The process of adding or 'gluing' various kinds of data together often in a message
concatenation
$("#c").attr("checked", "checked");
interpreter
slideDown

25. Another word for invisible
transparent
browser
<script></script>
var isVisible = $('#myDiv').is(':visible');

26. Another word for visible
<script></script>
JavaScript
$("h1").hide();
opaque

27. jQuery selects elements the same way ____ does
if ( $('#myDiv').is('.pretty') )
http://www.jquery.com
if not $('#myDiv').show();
CSS

28. Disable an element
$("#x").attr("disabled","disabled");
node
var isHidden = $('#myDiv').is(':hidden');
slideToggle

29. A CSS setting that makes sure an element won't show when the page loads: display:______;
$("#c").attr("checked","");
none
class selector
John Resig

30. Unit of time measure in jQuery commands requiring a time value
Write Less
none
milliseconds
$("img#dog").fadeIn(3000);

31. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
var isHidden = $('#myDiv').is(':hidden');
DOM (Document Object Model)
JavaScript
if not $('#myDiv').show();

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

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

34. The ______ method says 'If it's up slide it down; if it's down slide it up.'
$(document).ready( function( ) {/* your code here */} );
*
slideToggle
html

35. Stuff between { } is often called a ______
code block
$("<selector>").<method>;
if ( $(this).hasClass("protected")
selector

36. Select an item using class

37. Uncheck an input
concatenation
dot
interpreter
$("#c").attr("checked","");

38. Name of the symbol that ends a jQuery statement
opaque
html
semicolon
developer

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

40. Test whether an element has a particular class
if ( $(this).hasClass("protected")
$("#myselect option:selected").text();
var myValue = $('#myDivId').val();
$('#myDivId').val("hello world");

41. Each part of the DOM is called a ________.
node
viewport
terminator
$("#x").removeAttr("disabled");

42. Get the text value of a selected option
slideDown
$('#myDivId').val("hello world");
$("#myselect option:selected").text();
slideToggle

43. This kind of file builds the structure of the web page
$
if ( $(this).hasClass("protected")
html
method

44. HTML tag pair that delimits a jQuery code block
<script></script>
*
$("#c").attr("checked","");
slideDown

45. The JavaScript ______ translates directions you give it into different actions on the web page
dot
$("img#dog").fadeIn(3000);
1000
interpreter

46. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
viewport
milliseconds
CSS
HTML string

47. JavaScript library specialized for complex interactivity and rich visual effects
jQuery
browser
developer
$("#c").attr("checked", "checked");

48. The original creator of the jQuery library
$("img#dog").fadeIn(3000);
method
*
John Resig

49. Two versions of jQuery available for download: production & ________
slideUp
descendent selector
John Resig
developer

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