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. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
$(document).ready( function( ) {/* your code here */} );
node
concatenation
$("#myselect option:selected").text();

2. The _______ version of jQuery is minified
node
production
dot
dollar sign

3. Name of the symbol that ends a jQuery statement
semicolon
Write Less
node
1000

4. Shortcut for typing: jQuery( )
developer
CSS
$( )
if ( $(this).hasClass("protected")

5. A CSS setting that makes sure an element won't show when the page loads: display:______;
code block
$(document).ready( function( ) {/* your code here */} );
none
+

6. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
$
production
$("#x").attr("disabled","disabled");
semicolon

7. Enable an element
$("img#dog").fadeIn(3000);
$
$("#x").removeAttr("disabled");
$("#c").attr("checked","");

8. Another word for invisible
interpreter
transparent
dot
John Resig

9. jQuery motto: _____. Do More.
http://www.jquery.com
Write Less
$(document).ready( function( ) {/* your code here */} );
interpreter

10. Check an input
$("#c").attr("checked", "checked");
terminator
$("#myselect option:selected").text();
$("img#dog").fadeIn(3000);

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

12. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
JavaScript
descendent selector
HTML string
browser

13. This kind of file builds the structure of the web page
$('.myCssClass')
html
if ( $('#myDiv').is('.pretty') )
dot

14. The original creator of the jQuery library
John Resig
class selector
production
opaque

15. 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)
$("#c").attr("checked","");
milliseconds

16. The ______ is the main window of the browser.
*
var myDivElement = $('#myDivId');
$("h1").hide();
viewport

17. The _____ method changes the height property of an element until it is zero and then hides the element.
CSS
slideUp
$( )
interpreter

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

19. A(n) ___ _____ is used to identify a single unique element on a page.
slideDown
id selector
production
if ( $('#myDiv').length )

20. Use a _____ to test that your jQuery scripts are working.
browser
dot
id selector
interpreter

21. A ______ is used by jQuery to locate and return an element from the web page
viewport
$("#x").removeAttr("disabled");
selector
$( )

22. Allows you to select a grouping of elements
transparent
class selector
DOM (Document Object Model)
$("#some\.id") instead of $("#some.id")

23. Name of the character used to separate a jQuery selector from a jQuery method
developer
concatenation
dot
$("#x").removeAttr("disabled");

24. Test whether an element has a particular class
interpreter
if ( $(this).hasClass("protected")
opaque
var isVisible = $('#myDiv').is(':visible');

25. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
$("h1").hide();
milliseconds
$("#x").removeAttr("disabled");
transparent

26. Uncheck an input
production
node
$("#c").attr("checked","");
browser

27. Concatenation symbol in JavaScript
slideDown
var isVisible = $('#myDiv').is(':visible');
DOM (Document Object Model)
+

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

29. Get the text value of a selected option
$
dot
none
$("#myselect option:selected").text();

30. The process of adding or 'gluing' various kinds of data together often in a message
class selector
concatenation
code block
interpreter

31. Wildcard selector in jQuery (selects all elements)
*
$("#x").removeAttr("disabled");
$('#myDivId').val("hello world");
viewport

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

33. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
method
$("#myselect option:selected").text();
none
var isVisible = $('#myDiv').is(':visible');

34. Disable an element
$("#x").attr("disabled","disabled");
concatenation
terminator
if ( $(this).hasClass("protected")

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

36. jQuery is written in _____________
Write Less
JavaScript
if ( $('#myDiv').length )
semicolon

37. HTML tag pair that delimits a jQuery code block
$("h1").hide();
Write Less
id selector
<script></script>

38. Root of an html document
HTML string
html
$(document).ready( function( ) {/* your code here */} );
if ( $('#myDiv').is('.pretty') )

39. 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);
$("#c").attr("checked","");
$( )
code block

40. URL for obtaining jQuery
$('#myDivId').val("hello world");
id selector
var myValue = $('#myDivId').val();
http://www.jquery.com

41. The ______ method says 'If it's up slide it down; if it's down slide it up.'
slideToggle
$
browser
$('#myDivId').val("hello world");

42. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
dot
method
slideDown
production

43. Two versions of jQuery available for download: production & ________
method
if not $('#myDiv').show();
DOM (Document Object Model)
developer

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

45. Unit of time measure in jQuery commands requiring a time value
slideToggle
milliseconds
HTML string
terminator

46. The JavaScript ______ translates directions you give it into different actions on the web page
interpreter
$("#c").attr("checked", "checked");
dot
http://www.jquery.com

47. Select an element that has special CSS characters in its ID like '.'
1000
$("#some\.id") instead of $("#some.id")
<script></script>
node

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

49. Another word for visible
dot
opaque
DOM (Document Object Model)
+

50. Number of milliseconds in a second
selector
1000
Write Less
$