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. Each part of the DOM is called a ________.
node
slideUp
http://www.jquery.com
$('.myCssClass')

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

3. Both CSS and jQuery use the ____ symbol to specify a class.
$('#myDivId').val("hello world");
dot
1000
$

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

5. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
method
developer
dollar sign
class selector

6. Root of an html document
$("h1").hide();
html
$( )
CSS

7. Test whether an element has a particular class
transparent
interpreter
if ( $(this).hasClass("protected")
$("#c").attr("checked","");

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

9. The ______ method says 'If it's up slide it down; if it's down slide it up.'
id selector
slideToggle
1000
CSS

10. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
viewport
$("img#dog").fadeIn(3000);
descendent selector
$('#myDivId')

11. jQuery selects elements the same way ____ does
$("h1").hide();
CSS
http://www.jquery.com
$("#c").attr("checked", "checked");

12. Basic jQuery syntax (using shortcut)
if ( $('#myDiv').is('.pretty') )
transparent
$("<selector>").<method>;
John Resig

13. JavaScript library specialized for complex interactivity and rich visual effects
descendent selector
interpreter
slideDown
jQuery

14. Concatenation symbol in JavaScript
browser
+
$("#x").attr("disabled","disabled");
Write Less

15. A ______ is used by jQuery to locate and return an element from the web page
selector
html
dot
<script></script>

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

17. The _____ method changes the height property of an element until it is zero and then hides the element.
slideUp
dot
semicolon
html

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

19. Select an item using class

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

21. Use a _____ to test that your jQuery scripts are working.
browser
DOM (Document Object Model)
$("#myselect option:selected").text();
class selector

22. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
$("h1").hide();
dollar sign
method
$("#x").attr("disabled","disabled");

23. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
http://www.jquery.com
none
HTML string
descendent selector

24. The semicolon following a jQuery statement is known as a ___________
dot
slideUp
terminator
viewport

25. Stuff between { } is often called a ______
descendent selector
selector
code block
browser

26. Name of the character used to separate a jQuery selector from a jQuery method
id selector
selector
dot
slideUp

27. HTML tag pair that delimits a jQuery code block
var isHidden = $('#myDiv').is(':hidden');
John Resig
$("img#dog").fadeIn(3000);
<script></script>

28. Disable an element
$("img#dog").fadeIn(3000);
dot
production
$("#x").attr("disabled","disabled");

29. The original creator of the jQuery library
John Resig
dot
$("img#dog").fadeIn(3000);
if ( $('#myDiv').length )

30. jQuery is written in _____________
JavaScript
html
http://www.jquery.com
$('#myDivId').val("hello world");

31. Get the text value of a selected option
code block
$("#myselect option:selected").text();
+
dot

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

33. Another word for visible
opaque
if ( $('#myDiv').length )
selector
$('.myCssClass')

34. Name of the symbol used for the jQuery shortcut
dollar sign
concatenation
viewport
production

35. Number of milliseconds in a second
opaque
John Resig
$
1000

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

37. Unit of time measure in jQuery commands requiring a time value
milliseconds
code block
node
var isHidden = $('#myDiv').is(':hidden');

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

39. A CSS setting that makes sure an element won't show when the page loads: display:______;
var myValue = $('#myDivId').val();
dollar sign
none
browser

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

41. URL for obtaining jQuery
terminator
http://www.jquery.com
$('#myDivId').val("hello world");
class selector

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

43. The process of adding or 'gluing' various kinds of data together often in a message
concatenation
$("#x").attr("disabled","disabled");
$('#myDivId')
milliseconds

44. A(n) ___ _____ is used to identify a single unique element on a page.
$
developer
$(document).ready( function( ) {/* your code here */} );
id selector

45. Wildcard selector in jQuery (selects all elements)
John Resig
slideUp
*
node

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

47. Enable an element
$("#x").removeAttr("disabled");
$("h1").hide();
$("#x").attr("disabled","disabled");
$(document).ready( function( ) {/* your code here */} );

48. The _______ version of jQuery is minified
<script></script>
if ( $('#myDiv').is('.pretty') )
var isHidden = $('#myDiv').is(':hidden');
production

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

50. Name of the symbol that ends a jQuery statement
if ( $('#myDiv').length )
dot
CSS
semicolon