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. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
$("<selector>").<method>;
jQuery
var myValue = $('#myDivId').val();
$

2. Check an input
$("h1").hide();
$("#c").attr("checked", "checked");
dollar sign
1000

3. Each part of the DOM is called a ________.
node
John Resig
dot
html

4. The semicolon following a jQuery statement is known as a ___________
terminator
viewport
opaque
var myValue = $('#myDivId').val();

5. HTML tag pair that delimits a jQuery code block
$("<selector>").<method>;
var isVisible = $('#myDiv').is(':visible');
<script></script>
var myDivElement = $('#myDivId');

6. Test whether an element has a particular class
transparent
$(document).ready( function( ) {/* your code here */} );
if ( $(this).hasClass("protected")
concatenation

7. Another word for invisible
transparent
<script></script>
http://www.jquery.com
var isVisible = $('#myDiv').is(':visible');

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

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

10. jQuery selects elements the same way ____ does
$('#myDivId').val("hello world");
$("#myselect option:selected").text();
none
CSS

11. Another word for visible
$("h1").hide();
$("#x").removeAttr("disabled");
semicolon
opaque

12. The ______ method says 'If it's up slide it down; if it's down slide it up.'
slideToggle
$('#myDivId')
var isHidden = $('#myDiv').is(':hidden');
$("#x").attr("disabled","disabled");

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

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

15. Root of an html document
+
$("img#dog").fadeIn(3000);
$('.myCssClass')
html

16. Enable an element
html
slideToggle
$("#x").removeAttr("disabled");
$("<selector>").<method>;

17. Use a _____ to test that your jQuery scripts are working.
$("#myselect option:selected").text();
browser
<script></script>
var isVisible = $('#myDiv').is(':visible');

18. jQuery motto: _____. Do More.
viewport
$("#x").removeAttr("disabled");
Write Less
*

19. The _____ method changes the height property of an element until it is zero and then hides the element.
$('#myDivId').val("hello world");
slideUp
concatenation
browser

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

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

22. Shortcut for typing: jQuery( )
$("#myselect option:selected").text();
slideDown
$("<selector>").<method>;
$( )

23. Concatenation symbol in JavaScript
$("#c").attr("checked","");
+
var isHidden = $('#myDiv').is(':hidden');
dot

24. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
code block
http://www.jquery.com
HTML string
JavaScript

25. Allows you to select a grouping of elements
dollar sign
var myDivElement = $('#myDivId');
class selector
1000

26. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
browser
1000
$("img#dog").fadeIn(3000);
slideUp

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

28. Select an element that has special CSS characters in its ID like '.'
slideDown
*
$("#some\.id") instead of $("#some.id")
semicolon

29. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
html
$( )
DOM (Document Object Model)
production

30. A ______ is used by jQuery to locate and return an element from the web page
selector
transparent
CSS
$(document).ready( function( ) {/* your code here */} );

31. Number of milliseconds in a second
opaque
1000
$('.myCssClass')
$("#some\.id") instead of $("#some.id")

32. 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 */} );
var isVisible = $('#myDiv').is(':visible');
if not $('#myDiv').show();
semicolon

33. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
$("h1").hide();
John Resig
method
html

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

35. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
dot
if ( $('#myDiv').is('.pretty') )
$
$("h1").hide();

36. Name of the character used to separate a jQuery selector from a jQuery method
$("#x").removeAttr("disabled");
dot
$('#myDivId').val("hello world");
none

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

38. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
descendent selector
transparent
node
slideDown

39. The original creator of the jQuery library
$("#c").attr("checked", "checked");
John Resig
dot
+

40. The process of adding or 'gluing' various kinds of data together often in a message
$("#myselect option:selected").text();
+
opaque
concatenation

41. Name of the symbol used for the jQuery shortcut
semicolon
$("#c").attr("checked", "checked");
Write Less
dollar sign

42. Unit of time measure in jQuery commands requiring a time value
descendent selector
var myDivElement = $('#myDivId');
DOM (Document Object Model)
milliseconds

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

44. This kind of file builds the structure of the web page
concatenation
viewport
if ( $(this).hasClass("protected")
html

45. Two versions of jQuery available for download: production & ________
if not $('#myDiv').show();
developer
milliseconds
*

46. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
var isVisible = $('#myDiv').is(':visible');
descendent selector
$("h1").hide();
HTML string

47. The ______ is the main window of the browser.
dot
viewport
id selector
html

48. Stuff between { } is often called a ______
if ( $(this).hasClass("protected")
var myValue = $('#myDivId').val();
code block
slideDown

49. Disable an element
$("#x").attr("disabled","disabled");
CSS
$
var isHidden = $('#myDiv').is(':hidden');

50. Wildcard selector in jQuery (selects all elements)
<script></script>
*
$("<selector>").<method>;
var isHidden = $('#myDiv').is(':hidden');