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. Select an element that has special CSS characters in its ID like '.'
+
dollar sign
$("#some\.id") instead of $("#some.id")
production

2. Name of the character used to separate a jQuery selector from a jQuery method
milliseconds
production
$("#myselect option:selected").text();
dot

3. Test whether an element has a particular class
if ( $(this).hasClass("protected")
developer
milliseconds
viewport

4. This kind of file builds the structure of the web page
$("#c").attr("checked","");
$
html
node

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

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

7. jQuery motto: _____. Do More.
$("h1").hide();
$("#myselect option:selected").text();
Write Less
transparent

8. The _______ version of jQuery is minified
if ( $(this).hasClass("protected")
HTML string
production
$("#myselect option:selected").text();

9. Use a _____ to test that your jQuery scripts are working.
$('.myCssClass')
id selector
$("#c").attr("checked","");
browser

10. jQuery selects elements the same way ____ does
$('#myDivId').val("hello world");
dollar sign
CSS
DOM (Document Object Model)

11. Wildcard selector in jQuery (selects all elements)
*
$('.myCssClass')
semicolon
terminator

12. Another word for visible
opaque
$("img#dog").fadeIn(3000);
$("#c").attr("checked","");
John Resig

13. Each part of the DOM is called a ________.
JavaScript
node
$('#myDivId')
$('#myDivId').val("hello world");

14. 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)
var isHidden = $('#myDiv').is(':hidden');
selector
JavaScript

15. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
if not $('#myDiv').show();
method
opaque
$("#c").attr("checked","");

16. Enable an element
$("#myselect option:selected").text();
$("#x").removeAttr("disabled");
if ( $(this).hasClass("protected")
dot

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

18. A ______ is used by jQuery to locate and return an element from the web page
developer
$("<selector>").<method>;
selector
HTML string

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

20. 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);
transparent
if ( $('#myDiv').is('.pretty') )
<script></script>

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

22. Name of the symbol that ends a jQuery statement
var isVisible = $('#myDiv').is(':visible');
if ( $(this).hasClass("protected")
browser
semicolon

23. The original creator of the jQuery library
html
John Resig
if ( $(this).hasClass("protected")
var myDivElement = $('#myDivId');

24. Basic jQuery syntax (using shortcut)
slideToggle
$("<selector>").<method>;
slideDown
milliseconds

25. Get the text value of a selected option
$("<selector>").<method>;
$("#myselect option:selected").text();
transparent
DOM (Document Object Model)

26. Two versions of jQuery available for download: production & ________
viewport
developer
1000
$("#x").attr("disabled","disabled");

27. Unit of time measure in jQuery commands requiring a time value
selector
milliseconds
var myDivElement = $('#myDivId');
CSS

28. The semicolon following a jQuery statement is known as a ___________
id selector
terminator
$
developer

29. Uncheck an input
none
$("#c").attr("checked","");
slideToggle
node

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

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

32. Shortcut for typing: jQuery( )
var isHidden = $('#myDiv').is(':hidden');
terminator
$( )
class selector

33. URL for obtaining jQuery
$("#x").removeAttr("disabled");
$
http://www.jquery.com
developer

34. Disable an element
html
$("#x").attr("disabled","disabled");
slideUp
$('.myCssClass')

35. Allows you to select a grouping of elements
$("#x").removeAttr("disabled");
html
class selector
CSS

36. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
dot
+
$("<selector>").<method>;
$(document).ready( function( ) {/* your code here */} );

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

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

39. JavaScript library specialized for complex interactivity and rich visual effects
descendent selector
$("#some\.id") instead of $("#some.id")
jQuery
none

40. Another word for invisible
browser
dot
html
transparent

41. Check an input
opaque
dot
$("#c").attr("checked", "checked");
$('#myDivId')

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

43. Root of an html document
http://www.jquery.com
html
*
if ( $('#myDiv').is('.pretty') )

44. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
$("#c").attr("checked", "checked");
$( )
descendent selector
transparent

45. The process of adding or 'gluing' various kinds of data together often in a message
if ( $(this).hasClass("protected")
selector
concatenation
Write Less

46. HTML tag pair that delimits a jQuery code block
$
$( )
semicolon
<script></script>

47. The ______ method says 'If it's up slide it down; if it's down slide it up.'
dot
slideToggle
developer
$('.myCssClass')

48. A CSS setting that makes sure an element won't show when the page loads: display:______;
none
Write Less
opaque
$('#myDivId').val("hello world");

49. Stuff between { } is often called a ______
code block
if not $('#myDiv').show();
var myValue = $('#myDivId').val();
http://www.jquery.com

50. The ______ is the main window of the browser.
$("#c").attr("checked","");
viewport
html
$