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. Use a _____ to test that your jQuery scripts are working.
browser
class selector
code block
terminator

2. The semicolon following a jQuery statement is known as a ___________
none
if ( $(this).hasClass("protected")
terminator
$('.myCssClass')

3. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
$("#myselect option:selected").text();
$('#myDivId')
John Resig
HTML string

4. Check an input
$("img#dog").fadeIn(3000);
1000
$("#c").attr("checked", "checked");
HTML string

5. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
milliseconds
1000
$('.myCssClass')
$(document).ready( function( ) {/* your code here */} );

6. Uncheck an input
$("#c").attr("checked","");
$('#myDivId').val("hello world");
slideUp
production

7. The JavaScript ______ translates directions you give it into different actions on the web page
+
$("#c").attr("checked", "checked");
interpreter
slideDown

8. The original creator of the jQuery library
slideUp
John Resig
<script></script>
$(document).ready( function( ) {/* your code here */} );

9. URL for obtaining jQuery
if ( $('#myDiv').length )
$("img#dog").fadeIn(3000);
http://www.jquery.com
$('#myDivId')

10. The ______ is the main window of the browser.
concatenation
http://www.jquery.com
opaque
viewport

11. Another word for invisible
dot
transparent
code block
$("#x").attr("disabled","disabled");

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

13. The ______ method says 'If it's up slide it down; if it's down slide it up.'
code block
if not $('#myDiv').show();
html
slideToggle

14. Concatenation symbol in JavaScript
concatenation
+
$("#some\.id") instead of $("#some.id")
selector

15. Another word for visible
$( )
HTML string
milliseconds
opaque

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

17. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
if not $('#myDiv').show();
$("h1").hide();
descendent selector
DOM (Document Object Model)

18. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
viewport
method
$('#myDivId').val("hello world");
interpreter

19. jQuery is written in _____________
descendent selector
JavaScript
code block
<script></script>

20. jQuery selects elements the same way ____ does
CSS
concatenation
$('#myDivId')
John Resig

21. Both CSS and jQuery use the ____ symbol to specify a class.
html
dot
JavaScript
if not $('#myDiv').show();

22. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
$("#myselect option:selected").text();
$
http://www.jquery.com
+

23. Allows you to select a grouping of elements
dot
var myValue = $('#myDivId').val();
class selector
HTML string

24. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
DOM (Document Object Model)
$
Write Less
if ( $(this).hasClass("protected")

25. Test whether an element has a particular class
DOM (Document Object Model)
slideDown
html
if ( $(this).hasClass("protected")

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

27. HTML tag pair that delimits a jQuery code block
dot
selector
<script></script>
browser

28. Two versions of jQuery available for download: production & ________
var myValue = $('#myDivId').val();
jQuery
$( )
developer

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

30. jQuery motto: _____. Do More.
viewport
$('#myDivId').val("hello world");
Write Less
var myDivElement = $('#myDivId');

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

32. The _____ method changes the height property of an element until it is zero and then hides the element.
selector
slideUp
jQuery
1000

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

34. The _______ version of jQuery is minified
$( )
production
if ( $(this).hasClass("protected")
DOM (Document Object Model)

35. Root of an html document
html
if ( $('#myDiv').is('.pretty') )
$("#x").attr("disabled","disabled");
+

36. A(n) ___ _____ is used to identify a single unique element on a page.
id selector
$( )
$('.myCssClass')
HTML string

37. Wildcard selector in jQuery (selects all elements)
id selector
*
transparent
developer

38. A ______ is used by jQuery to locate and return an element from the web page
selector
jQuery
node
dollar sign

39. The process of adding or 'gluing' various kinds of data together often in a message
concatenation
dot
$("img#dog").fadeIn(3000);
$( )

40. JavaScript library specialized for complex interactivity and rich visual effects
dot
jQuery
selector
var myDivElement = $('#myDivId');

41. A CSS setting that makes sure an element won't show when the page loads: display:______;
none
$("#c").attr("checked", "checked");
slideToggle
production

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

43. Get the text value of a selected option
method
1000
developer
$("#myselect option:selected").text();

44. Name of the symbol that ends a jQuery statement
semicolon
$("h1").hide();
$("#x").attr("disabled","disabled");
*

45. Select an element that has special CSS characters in its ID like '.'
var myValue = $('#myDivId').val();
html
transparent
$("#some\.id") instead of $("#some.id")

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

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

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

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

50. Number of milliseconds in a second
*
DOM (Document Object Model)
1000
var isHidden = $('#myDiv').is(':hidden');