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. Shortcut for typing: jQuery( )
http://www.jquery.com
$( )
developer
descendent selector

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

3. Check an input
none
$("#c").attr("checked", "checked");
var isVisible = $('#myDiv').is(':visible');
$(document).ready( function( ) {/* your code here */} );

4. jQuery selects elements the same way ____ does
selector
CSS
transparent
code block

5. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
slideDown
if not $('#myDiv').show();
$("#x").removeAttr("disabled");
method

6. Test whether an element has a particular class
developer
if ( $(this).hasClass("protected")
$("<selector>").<method>;
descendent selector

7. Use a _____ to test that your jQuery scripts are working.
<script></script>
if ( $(this).hasClass("protected")
browser
dollar sign

8. The original creator of the jQuery library
developer
DOM (Document Object Model)
John Resig
$('#myDivId')

9. 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);
DOM (Document Object Model)
$("#x").removeAttr("disabled");
if ( $('#myDiv').is('.pretty') )

10. This kind of file builds the structure of the web page
if ( $(this).hasClass("protected")
browser
interpreter
html

11. Select an item using class

12. The _______ version of jQuery is minified
$("<selector>").<method>;
production
1000
HTML string

13. Another word for visible
$('.myCssClass')
opaque
production
slideUp

14. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
slideUp
$
JavaScript
$("h1").hide();

15. The semicolon following a jQuery statement is known as a ___________
developer
terminator
if ( $(this).hasClass("protected")
DOM (Document Object Model)

16. Wildcard selector in jQuery (selects all elements)
var myValue = $('#myDivId').val();
developer
$( )
*

17. Number of milliseconds in a second
id selector
1000
http://www.jquery.com
$("#c").attr("checked", "checked");

18. Name of the character used to separate a jQuery selector from a jQuery method
dot
$("h1").hide();
http://www.jquery.com
slideDown

19. Get the text value of a selected option
$("#myselect option:selected").text();
descendent selector
var myValue = $('#myDivId').val();
$("#some\.id") instead of $("#some.id")

20. Basic jQuery syntax (using shortcut)
$("<selector>").<method>;
var isHidden = $('#myDiv').is(':hidden');
selector
dot

21. Another word for invisible
if ( $('#myDiv').length )
class selector
transparent
semicolon

22. Both CSS and jQuery use the ____ symbol to specify a class.
http://www.jquery.com
dot
$("#c").attr("checked","");
code block

23. A(n) ___ _____ is used to identify a single unique element on a page.
1000
id selector
if ( $(this).hasClass("protected")
$("#x").attr("disabled","disabled");

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

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

26. Allows you to select a grouping of elements
class selector
$('.myCssClass')
terminator
code block

27. Disable an element
$("#x").attr("disabled","disabled");
transparent
CSS
$

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

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

30. Name of the symbol that ends a jQuery statement
if ( $('#myDiv').is('.pretty') )
$("h1").hide();
semicolon
$("#c").attr("checked","");

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

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

33. Name of the symbol used for the jQuery shortcut
$('.myCssClass')
dot
dollar sign
id selector

34. A ______ is used by jQuery to locate and return an element from the web page
none
$
$("#c").attr("checked","");
selector

35. Each part of the DOM is called a ________.
var myDivElement = $('#myDivId');
node
viewport
dot

36. 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 */} );
slideDown
DOM (Document Object Model)
1000

37. The ______ is the main window of the browser.
developer
viewport
id selector
1000

38. Select an element that has special CSS characters in its ID like '.'
html
jQuery
$("#some\.id") instead of $("#some.id")
developer

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

40. Root of an html document
slideUp
milliseconds
production
html

41. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
id selector
HTML string
interpreter
$

42. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
HTML string
$("#c").attr("checked", "checked");
descendent selector
node

43. jQuery motto: _____. Do More.
$('#myDivId')
id selector
dollar sign
Write Less

44. Concatenation symbol in JavaScript
$("#c").attr("checked", "checked");
jQuery
1000
+

45. The process of adding or 'gluing' various kinds of data together often in a message
concatenation
dot
transparent
if ( $('#myDiv').length )

46. A CSS setting that makes sure an element won't show when the page loads: display:______;
$(document).ready( function( ) {/* your code here */} );
$('#myDivId').val("hello world");
none
var isHidden = $('#myDiv').is(':hidden');

47. HTML tag pair that delimits a jQuery code block
HTML string
$(document).ready( function( ) {/* your code here */} );
<script></script>
code block

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

49. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
opaque
if ( $('#myDiv').is('.pretty') )
method
class selector

50. Enable an element
$("#x").removeAttr("disabled");
http://www.jquery.com
class selector
none