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. Stuff between { } is often called a ______
DOM (Document Object Model)
1000
code block
class selector

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

3. The ______ method says 'If it's up slide it down; if it's down slide it up.'
interpreter
slideToggle
concatenation
slideDown

4. Select an element that has special CSS characters in its ID like '.'
$("#some\.id") instead of $("#some.id")
browser
$("#some\.id") instead of $("#some.id")
$('#myDivId')

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

6. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
JavaScript
dot
<script></script>
$

7. Name of the symbol used for the jQuery shortcut
http://www.jquery.com
dollar sign
$('#myDivId')
$('#myDivId').val("hello world");

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

9. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
semicolon
HTML string
production
slideDown

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

11. Two versions of jQuery available for download: production & ________
milliseconds
<script></script>
developer
var isHidden = $('#myDiv').is(':hidden');

12. A ______ is used by jQuery to locate and return an element from the web page
CSS
selector
transparent
$("#c").attr("checked", "checked");

13. URL for obtaining jQuery
slideToggle
if ( $('#myDiv').length )
terminator
http://www.jquery.com

14. Unit of time measure in jQuery commands requiring a time value
if ( $('#myDiv').is('.pretty') )
milliseconds
code block
jQuery

15. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
var isHidden = $('#myDiv').is(':hidden');
slideDown
$('#myDivId')
if ( $(this).hasClass("protected")

16. Wildcard selector in jQuery (selects all elements)
*
transparent
$("#x").attr("disabled","disabled");
1000

17. Basic jQuery syntax (using shortcut)
$("<selector>").<method>;
opaque
$("#c").attr("checked","");
$( )

18. jQuery is written in _____________
class selector
$("#c").attr("checked", "checked");
JavaScript
concatenation

19. Concatenation symbol in JavaScript
http://www.jquery.com
$(document).ready( function( ) {/* your code here */} );
+
html

20. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
html
$("h1").hide();
$(document).ready( function( ) {/* your code here */} );
JavaScript

21. Uncheck an input
semicolon
1000
$("#c").attr("checked","");
interpreter

22. Get the text value of a selected option
if ( $(this).hasClass("protected")
$(document).ready( function( ) {/* your code here */} );
$("#myselect option:selected").text();
JavaScript

23. Number of milliseconds in a second
$("#x").attr("disabled","disabled");
if ( $('#myDiv').is('.pretty') )
jQuery
1000

24. HTML tag pair that delimits a jQuery code block
$('#myDivId').val("hello world");
$("#x").removeAttr("disabled");
if not $('#myDiv').show();
<script></script>

25. Enable an element
$("#x").removeAttr("disabled");
milliseconds
+
class selector

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

27. The _______ version of jQuery is minified
html
var myValue = $('#myDivId').val();
production
if ( $(this).hasClass("protected")

28. A CSS setting that makes sure an element won't show when the page loads: display:______;
none
slideDown
1000
if ( $(this).hasClass("protected")

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

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

31. The process of adding or 'gluing' various kinds of data together often in a message
concatenation
John Resig
terminator
$("#x").attr("disabled","disabled");

32. Shortcut for typing: jQuery( )
interpreter
browser
$( )
var isVisible = $('#myDiv').is(':visible');

33. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
descendent selector
$("#x").removeAttr("disabled");
$('#myDivId').val("hello world");
var isVisible = $('#myDiv').is(':visible');

34. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
$('#myDivId')
DOM (Document Object Model)
$
var isVisible = $('#myDiv').is(':visible');

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

36. Allows you to select a grouping of elements
class selector
*
$("#some\.id") instead of $("#some.id")
$('#myDivId').val("hello world");

37. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
1000
method
Write Less
$("#x").attr("disabled","disabled");

38. Name of the symbol that ends a jQuery statement
browser
code block
node
semicolon

39. A(n) ___ _____ is used to identify a single unique element on a page.
slideToggle
*
node
id selector

40. Disable an element
$("#x").attr("disabled","disabled");
id selector
$(document).ready( function( ) {/* your code here */} );
$("img#dog").fadeIn(3000);

41. The JavaScript ______ translates directions you give it into different actions on the web page
dot
interpreter
$( )
jQuery

42. This kind of file builds the structure of the web page
id selector
$("#x").attr("disabled","disabled");
html
interpreter

43. Root of an html document
$(document).ready( function( ) {/* your code here */} );
none
$( )
html

44. JavaScript library specialized for complex interactivity and rich visual effects
dot
if ( $(this).hasClass("protected")
jQuery
selector

45. Another word for invisible
developer
browser
transparent
$("#c").attr("checked", "checked");

46. jQuery selects elements the same way ____ does
$
CSS
method
browser

47. Use a _____ to test that your jQuery scripts are working.
jQuery
browser
if ( $(this).hasClass("protected")
$("#some\.id") instead of $("#some.id")

48. The _____ method changes the height property of an element until it is zero and then hides the element.
Write Less
slideDown
slideUp
1000

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

50. jQuery motto: _____. Do More.
$( )
html
Write Less
var myValue = $('#myDivId').val();