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. JavaScript library specialized for complex interactivity and rich visual effects
selector
semicolon
jQuery
1000

2. Each part of the DOM is called a ________.
dot
node
milliseconds
http://www.jquery.com

3. Uncheck an input
developer
interpreter
*
$("#c").attr("checked","");

4. jQuery selects elements the same way ____ does
$( )
CSS
var isHidden = $('#myDiv').is(':hidden');
DOM (Document Object Model)

5. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
$("h1").hide();
code block
var isVisible = $('#myDiv').is(':visible');
production

6. Test whether an element has a particular class
if ( $(this).hasClass("protected")
none
var isHidden = $('#myDiv').is(':hidden');
interpreter

7. Two versions of jQuery available for download: production & ________
id selector
developer
slideUp
descendent selector

8. Select an item using class

9. HTML tag pair that delimits a jQuery code block
slideUp
<script></script>
dot
var isHidden = $('#myDiv').is(':hidden');

10. Stuff between { } is often called a ______
code block
slideDown
http://www.jquery.com
if ( $(this).hasClass("protected")

11. Wildcard selector in jQuery (selects all elements)
$("h1").hide();
1000
*
concatenation

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

13. jQuery motto: _____. Do More.
if ( $(this).hasClass("protected")
var myValue = $('#myDivId').val();
dot
Write Less

14. The JavaScript ______ translates directions you give it into different actions on the web page
$("#some\.id") instead of $("#some.id")
interpreter
descendent selector
*

15. Unit of time measure in jQuery commands requiring a time value
$("#x").attr("disabled","disabled");
transparent
$("#c").attr("checked","");
milliseconds

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

17. Concatenation symbol in JavaScript
$("#x").attr("disabled","disabled");
+
opaque
HTML string

18. Another word for visible
slideToggle
$('#myDivId')
opaque
if ( $(this).hasClass("protected")

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

20. Use a _____ to test that your jQuery scripts are working.
+
browser
production
JavaScript

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

22. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
interpreter
$("img#dog").fadeIn(3000);
dot
+

23. The _______ version of jQuery is minified
production
$( )
dot
<script></script>

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

25. The _____ method changes the height property of an element until it is zero and then hides the element.
milliseconds
$("#c").attr("checked", "checked");
DOM (Document Object Model)
slideUp

26. The semicolon following a jQuery statement is known as a ___________
Write Less
terminator
node
JavaScript

27. Disable an element
viewport
$("#x").attr("disabled","disabled");
var myDivElement = $('#myDivId');
jQuery

28. Both CSS and jQuery use the ____ symbol to specify a class.
selector
$("#c").attr("checked", "checked");
dot
if ( $('#myDiv').length )

29. Check an input
$("#c").attr("checked", "checked");
concatenation
var myDivElement = $('#myDivId');
if ( $('#myDiv').length )

30. The ______ method says 'If it's up slide it down; if it's down slide it up.'
descendent selector
$("#c").attr("checked", "checked");
$('.myCssClass')
slideToggle

31. Shortcut for typing: jQuery( )
$( )
semicolon
+
if ( $('#myDiv').length )

32. 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)
html
Write Less
node

33. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
slideDown
$(document).ready( function( ) {/* your code here */} );
*
dot

34. Root of an html document
html
$("#x").attr("disabled","disabled");
http://www.jquery.com
slideUp

35. The ______ is the main window of the browser.
viewport
var myDivElement = $('#myDivId');
$("#c").attr("checked","");
descendent selector

36. Name of the symbol that ends a jQuery statement
$("#c").attr("checked", "checked");
descendent selector
semicolon
production

37. Number of milliseconds in a second
html
$('#myDivId')
none
1000

38. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
method
dot
code block
concatenation

39. Get the text value of a selected option
var myDivElement = $('#myDivId');
$("#myselect option:selected").text();
selector
milliseconds

40. Basic jQuery syntax (using shortcut)
$("<selector>").<method>;
var myDivElement = $('#myDivId');
$("#some\.id") instead of $("#some.id")
developer

41. The process of adding or 'gluing' various kinds of data together often in a message
$("#x").attr("disabled","disabled");
$('.myCssClass')
code block
concatenation

42. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
HTML string
$("#myselect option:selected").text();
if not $('#myDiv').show();
$("#c").attr("checked", "checked");

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

44. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
html
$("#myselect option:selected").text();
$("#x").attr("disabled","disabled");
$

45. A ______ is used by jQuery to locate and return an element from the web page
class selector
interpreter
selector
dollar sign

46. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
$('#myDivId').val("hello world");
*
slideToggle
$(document).ready( function( ) {/* your code here */} );

47. The original creator of the jQuery library
$("#x").attr("disabled","disabled");
John Resig
$("#c").attr("checked","");
$("h1").hide();

48. Allows you to select a grouping of elements
class selector
html
Write Less
if ( $('#myDiv').is('.pretty') )

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

50. URL for obtaining jQuery
var isHidden = $('#myDiv').is(':hidden');
John Resig
node
http://www.jquery.com