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. Allows you to select a grouping of elements
DOM (Document Object Model)
node
$(document).ready( function( ) {/* your code here */} );
class selector

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

3. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
$("<selector>").<method>;
DOM (Document Object Model)
+
$(document).ready( function( ) {/* your code here */} );

4. The process of adding or 'gluing' various kinds of data together often in a message
CSS
var myDivElement = $('#myDivId');
concatenation
if ( $('#myDiv').length )

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

6. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
node
if ( $(this).hasClass("protected")
$("#myselect option:selected").text();
descendent selector

7. Test whether an element has a particular class
jQuery
var isHidden = $('#myDiv').is(':hidden');
var myValue = $('#myDivId').val();
if ( $(this).hasClass("protected")

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

9. The ______ is the main window of the browser.
dot
opaque
method
viewport

10. Stuff between { } is often called a ______
code block
developer
if ( $(this).hasClass("protected")
dollar sign

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

12. jQuery selects elements the same way ____ does
$("#c").attr("checked","");
dot
HTML string
CSS

13. Name of the character used to separate a jQuery selector from a jQuery method
$("#some\.id") instead of $("#some.id")
dot
slideDown
html

14. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
terminator
slideUp
$(document).ready( function( ) {/* your code here */} );
HTML string

15. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
$("h1").hide();
var isHidden = $('#myDiv').is(':hidden');
$
slideUp

16. JavaScript library specialized for complex interactivity and rich visual effects
semicolon
jQuery
if ( $('#myDiv').is('.pretty') )
John Resig

17. Two versions of jQuery available for download: production & ________
developer
$('#myDivId')
Write Less
if ( $('#myDiv').length )

18. Root of an html document
CSS
node
$("#c").attr("checked", "checked");
html

19. Shortcut for typing: jQuery( )
html
dot
slideUp
$( )

20. jQuery motto: _____. Do More.
concatenation
method
Write Less
if not $('#myDiv').show();

21. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
milliseconds
dollar sign
method
code block

22. The ______ method says 'If it's up slide it down; if it's down slide it up.'
$("#x").removeAttr("disabled");
1000
slideToggle
if ( $(this).hasClass("protected")

23. Concatenation symbol in JavaScript
node
production
+
John Resig

24. URL for obtaining jQuery
http://www.jquery.com
semicolon
Write Less
id selector

25. jQuery is written in _____________
if ( $('#myDiv').is('.pretty') )
none
$("<selector>").<method>;
JavaScript

26. Another word for invisible
1000
transparent
DOM (Document Object Model)
http://www.jquery.com

27. Name of the symbol that ends a jQuery statement
terminator
1000
JavaScript
semicolon

28. The _______ version of jQuery is minified
$("#some\.id") instead of $("#some.id")
$("<selector>").<method>;
$("img#dog").fadeIn(3000);
production

29. HTML tag pair that delimits a jQuery code block
developer
$("img#dog").fadeIn(3000);
dollar sign
<script></script>

30. Wildcard selector in jQuery (selects all elements)
<script></script>
$("#x").removeAttr("disabled");
HTML string
*

31. The original creator of the jQuery library
John Resig
node
Write Less
milliseconds

32. A CSS setting that makes sure an element won't show when the page loads: display:______;
none
var myDivElement = $('#myDivId');
code block
slideToggle

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

34. Name of the symbol used for the jQuery shortcut
DOM (Document Object Model)
slideToggle
dollar sign
opaque

35. Check an input
http://www.jquery.com
$("#c").attr("checked", "checked");
JavaScript
if ( $(this).hasClass("protected")

36. Disable an element
$('#myDivId').val("hello world");
$( )
$("#x").attr("disabled","disabled");
var myDivElement = $('#myDivId');

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

38. This kind of file builds the structure of the web page
html
$("#c").attr("checked","");
dot
*

39. A(n) ___ _____ is used to identify a single unique element on a page.
node
var isHidden = $('#myDiv').is(':hidden');
$("#some\.id") instead of $("#some.id")
id selector

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

41. Both CSS and jQuery use the ____ symbol to specify a class.
id selector
$('.myCssClass')
class selector
dot

42. Get the text value of a selected option
developer
var myDivElement = $('#myDivId');
$("#myselect option:selected").text();
if not $('#myDiv').show();

43. The JavaScript ______ translates directions you give it into different actions on the web page
$('#myDivId')
$( )
interpreter
1000

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

45. Select an element that has special CSS characters in its ID like '.'
$("#some\.id") instead of $("#some.id")
$( )
developer
if not $('#myDiv').show();

46. The semicolon following a jQuery statement is known as a ___________
$("#some\.id") instead of $("#some.id")
terminator
html
$( )

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

48. A ______ is used by jQuery to locate and return an element from the web page
selector
+
if ( $(this).hasClass("protected")
JavaScript

49. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
$(document).ready( function( ) {/* your code here */} );
id selector
HTML string
slideUp

50. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
browser
if ( $(this).hasClass("protected")
*
$("h1").hide();