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
Write Less
none
selector
DOM (Document Object Model)

2. Concatenation symbol in JavaScript
+
var isHidden = $('#myDiv').is(':hidden');
none
method

3. Get the text value of a selected option
milliseconds
$("#myselect option:selected").text();
viewport
$('#myDivId')

4. Both CSS and jQuery use the ____ symbol to specify a class.
dot
1000
$("<selector>").<method>;
$("#myselect option:selected").text();

5. A CSS setting that makes sure an element won't show when the page loads: display:______;
none
$
slideDown
<script></script>

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

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

8. JavaScript library specialized for complex interactivity and rich visual effects
jQuery
dot
slideDown
$("#x").removeAttr("disabled");

9. Unit of time measure in jQuery commands requiring a time value
JavaScript
milliseconds
$( )
if ( $(this).hasClass("protected")

10. Name of the symbol used for the jQuery shortcut
slideToggle
$("#x").attr("disabled","disabled");
if not $('#myDiv').show();
dollar sign

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

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

13. This kind of file builds the structure of the web page
html
developer
dollar sign
$("<selector>").<method>;

14. jQuery selects elements the same way ____ does
CSS
code block
$('#myDivId').val("hello world");
John Resig

15. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
slideToggle
$("#c").attr("checked","");
$
developer

16. Select an item using class

17. The JavaScript ______ translates directions you give it into different actions on the web page
$("#x").removeAttr("disabled");
if ( $('#myDiv').length )
interpreter
semicolon

18. The original creator of the jQuery library
dollar sign
interpreter
<script></script>
John Resig

19. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
terminator
node
$(document).ready( function( ) {/* your code here */} );
method

20. Enable an element
$("#x").removeAttr("disabled");
$("h1").hide();
John Resig
descendent selector

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

22. The process of adding or 'gluing' various kinds of data together often in a message
var isVisible = $('#myDiv').is(':visible');
concatenation
if ( $('#myDiv').length )
if not $('#myDiv').show();

23. Name of the symbol that ends a jQuery statement
semicolon
<script></script>
John Resig
$('#myDivId')

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

25. The ______ is the main window of the browser.
viewport
$(document).ready( function( ) {/* your code here */} );
slideUp
dot

26. jQuery motto: _____. Do More.
method
none
dot
Write Less

27. Root of an html document
jQuery
terminator
$('#myDivId').val("hello world");
html

28. Two versions of jQuery available for download: production & ________
slideUp
if ( $('#myDiv').length )
method
developer

29. jQuery is written in _____________
production
<script></script>
slideUp
JavaScript

30. Check an input
$("#x").removeAttr("disabled");
$("#c").attr("checked", "checked");
concatenation
DOM (Document Object Model)

31. 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)
id selector
JavaScript
Write Less

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

33. Number of milliseconds in a second
1000
class selector
$( )
$("#c").attr("checked","");

34. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
slideUp
<script></script>
var isVisible = $('#myDiv').is(':visible');
HTML string

35. Shortcut for typing: jQuery( )
selector
viewport
http://www.jquery.com
$( )

36. Another word for invisible
var myValue = $('#myDivId').val();
John Resig
dollar sign
transparent

37. The semicolon following a jQuery statement is known as a ___________
var myDivElement = $('#myDivId');
var isHidden = $('#myDiv').is(':hidden');
terminator
$("#c").attr("checked","");

38. HTML tag pair that delimits a jQuery code block
var myDivElement = $('#myDivId');
milliseconds
interpreter
<script></script>

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

40. Allows you to select a grouping of elements
class selector
var myValue = $('#myDivId').val();
$('#myDivId').val("hello world");
method

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

42. A(n) ___ _____ is used to identify a single unique element on a page.
developer
id selector
$("#c").attr("checked", "checked");
John Resig

43. The ______ method says 'If it's up slide it down; if it's down slide it up.'
slideDown
slideToggle
if ( $('#myDiv').is('.pretty') )
html

44. URL for obtaining jQuery
$("#c").attr("checked", "checked");
selector
http://www.jquery.com
*

45. 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);
var myValue = $('#myDivId').val();
if ( $(this).hasClass("protected")
$("#some\.id") instead of $("#some.id")

46. Name of the character used to separate a jQuery selector from a jQuery method
dot
$("#c").attr("checked","");
semicolon
if ( $('#myDiv').is('.pretty') )

47. Uncheck an input
$("#c").attr("checked","");
$("<selector>").<method>;
HTML string
id selector

48. The _______ version of jQuery is minified
var isHidden = $('#myDiv').is(':hidden');
dot
production
DOM (Document Object Model)

49. Wildcard selector in jQuery (selects all elements)
var isHidden = $('#myDiv').is(':hidden');
*
production
HTML string

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