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. URL for obtaining jQuery
production
JavaScript
http://www.jquery.com
$

2. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
var myDivElement = $('#myDivId');
JavaScript
DOM (Document Object Model)
http://www.jquery.com

3. Basic jQuery syntax (using shortcut)
terminator
$( )
http://www.jquery.com
$("<selector>").<method>;

4. Uncheck an input
var isHidden = $('#myDiv').is(':hidden');
node
$("#c").attr("checked","");
browser

5. The ______ is the main window of the browser.
descendent selector
method
$("#myselect option:selected").text();
viewport

6. A(n) ___ _____ is used to identify a single unique element on a page.
id selector
dollar sign
viewport
var myValue = $('#myDivId').val();

7. The process of adding or 'gluing' various kinds of data together often in a message
node
if ( $('#myDiv').length )
id selector
concatenation

8. Allows you to select a grouping of elements
$("h1").hide();
$("#c").attr("checked", "checked");
<script></script>
class selector

9. jQuery selects elements the same way ____ does
developer
var myValue = $('#myDivId').val();
semicolon
CSS

10. Name of the symbol used for the jQuery shortcut
dollar sign
+
terminator
$('.myCssClass')

11. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
1000
$("h1").hide();
$('#myDivId')
milliseconds

12. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
$("h1").hide();
$( )
if ( $('#myDiv').is('.pretty') )
$(document).ready( function( ) {/* your code here */} );

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

14. jQuery is written in _____________
dot
dollar sign
1000
JavaScript

15. Concatenation symbol in JavaScript
if ( $('#myDiv').is('.pretty') )
+
interpreter
descendent selector

16. A ______ is used by jQuery to locate and return an element from the web page
method
selector
$("#x").attr("disabled","disabled");
terminator

17. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
developer
semicolon
id selector
slideDown

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

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

20. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
code block
$("#some\.id") instead of $("#some.id")
$("img#dog").fadeIn(3000);
$(document).ready( function( ) {/* your code here */} );

21. The ______ method says 'If it's up slide it down; if it's down slide it up.'
slideToggle
var myDivElement = $('#myDivId');
$('#myDivId').val("hello world");
concatenation

22. Use a _____ to test that your jQuery scripts are working.
browser
$('.myCssClass')
code block
Write Less

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

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

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

26. Check an input
Write Less
$("img#dog").fadeIn(3000);
var isHidden = $('#myDiv').is(':hidden');
$("#c").attr("checked", "checked");

27. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
$("h1").hide();
HTML string
selector
slideDown

28. Stuff between { } is often called a ______
$(document).ready( function( ) {/* your code here */} );
class selector
code block
$('#myDivId').val("hello world");

29. Unit of time measure in jQuery commands requiring a time value
slideUp
concatenation
$("#x").attr("disabled","disabled");
milliseconds

30. Shortcut for typing: jQuery( )
$("img#dog").fadeIn(3000);
$("#some\.id") instead of $("#some.id")
$( )
descendent selector

31. Wildcard selector in jQuery (selects all elements)
<script></script>
$("#c").attr("checked","");
*
browser

32. A CSS setting that makes sure an element won't show when the page loads: display:______;
none
<script></script>
if ( $('#myDiv').is('.pretty') )
$("#some\.id") instead of $("#some.id")

33. Select an element that has special CSS characters in its ID like '.'
transparent
descendent selector
$("#some\.id") instead of $("#some.id")
dot

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

35. The _______ version of jQuery is minified
production
interpreter
jQuery
$("#x").attr("disabled","disabled");

36. JavaScript library specialized for complex interactivity and rich visual effects
jQuery
slideDown
1000
$('.myCssClass')

37. Disable an element
var myDivElement = $('#myDivId');
method
$("#x").attr("disabled","disabled");
$("#myselect option:selected").text();

38. Test whether an element has a particular class
dot
if ( $(this).hasClass("protected")
slideToggle
John Resig

39. Enable an element
concatenation
$("#x").removeAttr("disabled");
Write Less
viewport

40. Name of the character used to separate a jQuery selector from a jQuery method
dot
semicolon
Write Less
$('#myDivId')

41. The semicolon following a jQuery statement is known as a ___________
$("#c").attr("checked", "checked");
var isHidden = $('#myDiv').is(':hidden');
transparent
terminator

42. HTML tag pair that delimits a jQuery code block
$( )
none
<script></script>
slideDown

43. Root of an html document
*
html
$("<selector>").<method>;
$('#myDivId').val("hello world");

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

45. jQuery motto: _____. Do More.
developer
$("#c").attr("checked", "checked");
Write Less
jQuery

46. Another word for visible
slideUp
html
dot
opaque

47. Number of milliseconds in a second
$("#myselect option:selected").text();
descendent selector
dot
1000

48. Name of the symbol that ends a jQuery statement
CSS
production
semicolon
$(document).ready( function( ) {/* your code here */} );

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

50. Each part of the DOM is called a ________.
none
slideToggle
node
class selector