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

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

3. The ______ method says 'If it's up slide it down; if it's down slide it up.'
slideToggle
production
1000
viewport

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

5. Use a _____ to test that your jQuery scripts are working.
browser
if ( $('#myDiv').length )
John Resig
$(document).ready( function( ) {/* your code here */} );

6. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
browser
slideUp
$("h1").hide();
slideDown

7. Root of an html document
John Resig
$("img#dog").fadeIn(3000);
html
slideUp

8. jQuery is written in _____________
$("#c").attr("checked", "checked");
var isHidden = $('#myDiv').is(':hidden');
class selector
JavaScript

9. JavaScript library specialized for complex interactivity and rich visual effects
jQuery
John Resig
http://www.jquery.com
HTML string

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

11. A CSS setting that makes sure an element won't show when the page loads: display:______;
Write Less
none
var myDivElement = $('#myDivId');
milliseconds

12. This kind of file builds the structure of the web page
$("img#dog").fadeIn(3000);
html
code block
browser

13. Uncheck an input
slideDown
class selector
$("#c").attr("checked","");
$("<selector>").<method>;

14. Get the text value of a selected option
descendent selector
none
HTML string
$("#myselect option:selected").text();

15. 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 isHidden = $('#myDiv').is(':hidden');
opaque
+

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

17. Disable an element
code block
$("h1").hide();
html
$("#x").attr("disabled","disabled");

18. Enable an element
$('#myDivId').val("hello world");
$("#x").removeAttr("disabled");
Write Less
$("#myselect option:selected").text();

19. Unit of time measure in jQuery commands requiring a time value
1000
$("#some\.id") instead of $("#some.id")
milliseconds
slideUp

20. URL for obtaining jQuery
slideDown
http://www.jquery.com
$('#myDivId')
dollar sign

21. The _______ version of jQuery is minified
none
Write Less
production
dollar sign

22. HTML tag pair that delimits a jQuery code block
dot
$("img#dog").fadeIn(3000);
slideUp
<script></script>

23. Allows you to select a grouping of elements
$(document).ready( function( ) {/* your code here */} );
class selector
semicolon
<script></script>

24. Name of the symbol used for the jQuery shortcut
dot
dollar sign
http://www.jquery.com
$("img#dog").fadeIn(3000);

25. Stuff between { } is often called a ______
selector
code block
$("#some\.id") instead of $("#some.id")
$("<selector>").<method>;

26. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
semicolon
HTML string
var myDivElement = $('#myDivId');
var isHidden = $('#myDiv').is(':hidden');

27. The semicolon following a jQuery statement is known as a ___________
John Resig
interpreter
terminator
slideDown

28. The _____ method changes the height property of an element until it is zero and then hides the element.
+
interpreter
descendent selector
slideUp

29. Another word for visible
production
opaque
dot
code block

30. Concatenation symbol in JavaScript
+
interpreter
html
html

31. Select an element that has special CSS characters in its ID like '.'
milliseconds
$("#some\.id") instead of $("#some.id")
$("#x").attr("disabled","disabled");
HTML string

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

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

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

35. The original creator of the jQuery library
var myDivElement = $('#myDivId');
+
John Resig
transparent

36. Shortcut for typing: jQuery( )
+
html
$("#c").attr("checked","");
$( )

37. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
$
html
slideDown
1000

38. Test whether an element has a particular class
slideToggle
jQuery
$('#myDivId').val("hello world");
if ( $(this).hasClass("protected")

39. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
*
transparent
DOM (Document Object Model)
none

40. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
id selector
$("img#dog").fadeIn(3000);
Write Less
viewport

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

42. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
$("#some\.id") instead of $("#some.id")
$("h1").hide();
JavaScript
node

43. The ______ is the main window of the browser.
var myDivElement = $('#myDivId');
$( )
if ( $('#myDiv').is('.pretty') )
viewport

44. A ______ is used by jQuery to locate and return an element from the web page
selector
var isHidden = $('#myDiv').is(':hidden');
opaque
browser

45. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
$('.myCssClass')
method
$( )
opaque

46. The JavaScript ______ translates directions you give it into different actions on the web page
CSS
opaque
interpreter
$("#some\.id") instead of $("#some.id")

47. jQuery motto: _____. Do More.
jQuery
dot
Write Less
slideToggle

48. Wildcard selector in jQuery (selects all elements)
descendent selector
*
dot
slideUp

49. Number of milliseconds in a second
*
concatenation
browser
1000

50. Name of the character used to separate a jQuery selector from a jQuery method
$('#myDivId').val("hello world");
selector
id selector
dot