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. HTML tag pair that delimits a jQuery code block
$("img#dog").fadeIn(3000);
dollar sign
<script></script>
if ( $(this).hasClass("protected")

2. Disable an element
*
class selector
dollar sign
$("#x").attr("disabled","disabled");

3. Name of the character used to separate a jQuery selector from a jQuery method
dot
$
$("#myselect option:selected").text();
1000

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

5. 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
if ( $(this).hasClass("protected")
HTML string
browser

6. The original creator of the jQuery library
John Resig
Write Less
$("#c").attr("checked","");
if ( $('#myDiv').length )

7. Enable an element
semicolon
$("#myselect option:selected").text();
$("#x").removeAttr("disabled");
milliseconds

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

9. Name of the symbol used for the jQuery shortcut
var isHidden = $('#myDiv').is(':hidden');
slideDown
node
dollar sign

10. jQuery selects elements the same way ____ does
1000
John Resig
CSS
$("img#dog").fadeIn(3000);

11. The JavaScript ______ translates directions you give it into different actions on the web page
if ( $('#myDiv').is('.pretty') )
$
developer
interpreter

12. jQuery motto: _____. Do More.
node
$( )
*
Write Less

13. The process of adding or 'gluing' various kinds of data together often in a message
CSS
$(document).ready( function( ) {/* your code here */} );
concatenation
1000

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

15. Name of the symbol that ends a jQuery statement
if ( $('#myDiv').is('.pretty') )
$("#some\.id") instead of $("#some.id")
semicolon
code block

16. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
CSS
developer
$("h1").hide();
$("<selector>").<method>;

17. Another word for visible
transparent
opaque
milliseconds
selector

18. Test whether an element has a particular class
developer
$("#x").attr("disabled","disabled");
if ( $(this).hasClass("protected")
$("h1").hide();

19. Select an item using class

20. The _______ version of jQuery is minified
production
slideToggle
interpreter
slideUp

21. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
terminator
interpreter
slideDown
method

22. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
$("img#dog").fadeIn(3000);
$('.myCssClass')
$(document).ready( function( ) {/* your code here */} );
method

23. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
$('#myDivId')
method
browser
*

24. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
slideToggle
if ( $('#myDiv').is('.pretty') )
DOM (Document Object Model)
html

25. The _____ method changes the height property of an element until it is zero and then hides the element.
slideUp
JavaScript
viewport
$("img#dog").fadeIn(3000);

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

27. A(n) ___ _____ is used to identify a single unique element on a page.
id selector
HTML string
developer
var myDivElement = $('#myDivId');

28. Get the text value of a selected option
$("#myselect option:selected").text();
viewport
selector
var myValue = $('#myDivId').val();

29. Root of an html document
Write Less
$("img#dog").fadeIn(3000);
slideDown
html

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

31. The ______ method says 'If it's up slide it down; if it's down slide it up.'
$("#myselect option:selected").text();
html
slideToggle
opaque

32. Another word for invisible
Write Less
transparent
slideToggle
developer

33. Check an input
$("h1").hide();
$(document).ready( function( ) {/* your code here */} );
if ( $('#myDiv').is('.pretty') )
$("#c").attr("checked", "checked");

34. Both CSS and jQuery use the ____ symbol to specify a class.
dot
Write Less
id selector
$('#myDivId').val("hello world");

35. Use a _____ to test that your jQuery scripts are working.
browser
if ( $('#myDiv').is('.pretty') )
interpreter
transparent

36. Allows you to select a grouping of elements
$("#some\.id") instead of $("#some.id")
class selector
terminator
viewport

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

38. Shortcut for typing: jQuery( )
semicolon
$
viewport
$( )

39. A ______ is used by jQuery to locate and return an element from the web page
$("#myselect option:selected").text();
selector
$("#x").attr("disabled","disabled");
Write Less

40. A CSS setting that makes sure an element won't show when the page loads: display:______;
node
var myValue = $('#myDivId').val();
none
John Resig

41. jQuery is written in _____________
if not $('#myDiv').show();
production
dot
JavaScript

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

43. Select an element that has special CSS characters in its ID like '.'
$("#some\.id") instead of $("#some.id")
transparent
if ( $(this).hasClass("protected")
1000

44. Each part of the DOM is called a ________.
John Resig
node
transparent
id selector

45. Two versions of jQuery available for download: production & ________
transparent
dot
developer
selector

46. The semicolon following a jQuery statement is known as a ___________
$(document).ready( function( ) {/* your code here */} );
terminator
1000
jQuery

47. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
$(document).ready( function( ) {/* your code here */} );
$('#myDivId')
$
John Resig

48. URL for obtaining jQuery
dot
jQuery
$('#myDivId').val("hello world");
http://www.jquery.com

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

50. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
developer
DOM (Document Object Model)
html
$("img#dog").fadeIn(3000);