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. URL for obtaining jQuery
1000
http://www.jquery.com
class selector
slideToggle

2. Number of milliseconds in a second
code block
1000
selector
none

3. Check an input
terminator
var isVisible = $('#myDiv').is(':visible');
$("#c").attr("checked", "checked");
jQuery

4. jQuery motto: _____. Do More.
*
if ( $(this).hasClass("protected")
Write Less
slideToggle

5. Each part of the DOM is called a ________.
$("img#dog").fadeIn(3000);
node
slideDown
$("#x").attr("disabled","disabled");

6. Wildcard selector in jQuery (selects all elements)
viewport
class selector
$("h1").hide();
*

7. Allows you to select a grouping of elements
class selector
$("img#dog").fadeIn(3000);
*
HTML string

8. Name of the symbol used for the jQuery shortcut
<script></script>
dollar sign
John Resig
$("<selector>").<method>;

9. Another word for invisible
node
$("#myselect option:selected").text();
transparent
HTML string

10. Unit of time measure in jQuery commands requiring a time value
node
if ( $('#myDiv').length )
milliseconds
$("#x").attr("disabled","disabled");

11. jQuery selects elements the same way ____ does
HTML string
jQuery
$
CSS

12. Enable an element
var isHidden = $('#myDiv').is(':hidden');
interpreter
JavaScript
$("#x").removeAttr("disabled");

13. The _______ version of jQuery is minified
$("#c").attr("checked","");
production
if ( $('#myDiv').length )
HTML string

14. Basic jQuery syntax (using shortcut)
method
slideToggle
<script></script>
$("<selector>").<method>;

15. Select an element that has special CSS characters in its ID like '.'
Write Less
transparent
var isVisible = $('#myDiv').is(':visible');
$("#some\.id") instead of $("#some.id")

16. Disable an element
milliseconds
$('#myDivId').val("hello world");
$("#x").attr("disabled","disabled");
slideUp

17. Shortcut for typing: jQuery( )
$( )
+
dollar sign
dot

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

19. jQuery is written in _____________
method
node
JavaScript
milliseconds

20. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
method
if not $('#myDiv').show();
node
jQuery

21. The ______ is the main window of the browser.
$("h1").hide();
if not $('#myDiv').show();
var isVisible = $('#myDiv').is(':visible');
viewport

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

23. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
$
$("<selector>").<method>;
dot
$('#myDivId')

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

25. The semicolon following a jQuery statement is known as a ___________
class selector
$
selector
terminator

26. Get the text value of a selected option
$("#myselect option:selected").text();
production
$('#myDivId').val("hello world");
dot

27. Select an item using class

28. 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 */} );
$("#x").removeAttr("disabled");
$("#c").attr("checked", "checked");
terminator

29. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
slideDown
if ( $('#myDiv').is('.pretty') )
if not $('#myDiv').show();
$(document).ready( function( ) {/* your code here */} );

30. The JavaScript ______ translates directions you give it into different actions on the web page
milliseconds
interpreter
$("#x").removeAttr("disabled");
developer

31. Name of the character used to separate a jQuery selector from a jQuery method
$('#myDivId')
none
dot
production

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

33. A ______ is used by jQuery to locate and return an element from the web page
if ( $('#myDiv').is('.pretty') )
dollar sign
concatenation
selector

34. The ______ method says 'If it's up slide it down; if it's down slide it up.'
dot
slideToggle
slideDown
if ( $('#myDiv').length )

35. Another word for visible
id selector
$("#c").attr("checked","");
browser
opaque

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

37. The _____ method changes the height property of an element until it is zero and then hides the element.
if ( $('#myDiv').is('.pretty') )
milliseconds
slideUp
var isVisible = $('#myDiv').is(':visible');

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

39. The original creator of the jQuery library
$(document).ready( function( ) {/* your code here */} );
John Resig
$('.myCssClass')
HTML string

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

41. Concatenation symbol in JavaScript
+
CSS
$("#myselect option:selected").text();
production

42. Two versions of jQuery available for download: production & ________
JavaScript
developer
$(document).ready( function( ) {/* your code here */} );
dot

43. Root of an html document
$('#myDivId').val("hello world");
html
slideDown
code block

44. Use a _____ to test that your jQuery scripts are working.
$("#x").attr("disabled","disabled");
interpreter
browser
John Resig

45. HTML tag pair that delimits a jQuery code block
<script></script>
$("img#dog").fadeIn(3000);
$("#some\.id") instead of $("#some.id")
$('#myDivId').val("hello world");

46. Stuff between { } is often called a ______
1000
selector
descendent selector
code block

47. Name of the symbol that ends a jQuery statement
$( )
if not $('#myDiv').show();
$
semicolon

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

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

50. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
code block
$("#x").removeAttr("disabled");
DOM (Document Object Model)
+