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. jQuery motto: _____. Do More.
Write Less
dot
var myValue = $('#myDivId').val();
if ( $('#myDiv').is('.pretty') )

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

3. The _____ method changes the height property of an element until it is zero and then hides the element.
$("#c").attr("checked","");
slideUp
browser
jQuery

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

5. HTML tag pair that delimits a jQuery code block
var myDivElement = $('#myDivId');
DOM (Document Object Model)
<script></script>
*

6. Allows you to select a grouping of elements
$("#c").attr("checked","");
1000
if ( $('#myDiv').length )
class selector

7. A CSS setting that makes sure an element won't show when the page loads: display:______;
slideUp
if not $('#myDiv').show();
$('.myCssClass')
none

8. Use a _____ to test that your jQuery scripts are working.
*
browser
none
id selector

9. Basic jQuery syntax (using shortcut)
Write Less
if ( $('#myDiv').length )
$("<selector>").<method>;
$('#myDivId').val("hello world");

10. Enable an element
dot
var myValue = $('#myDivId').val();
$("#x").removeAttr("disabled");
method

11. jQuery selects elements the same way ____ does
http://www.jquery.com
$("img#dog").fadeIn(3000);
descendent selector
CSS

12. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
html
HTML string
$('.myCssClass')
http://www.jquery.com

13. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
DOM (Document Object Model)
1000
slideDown
method

14. The process of adding or 'gluing' various kinds of data together often in a message
<script></script>
concatenation
var myDivElement = $('#myDivId');
slideDown

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

16. jQuery is written in _____________
$( )
milliseconds
slideDown
JavaScript

17. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
dollar sign
$("h1").hide();
JavaScript
semicolon

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

19. 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);
var myDivElement = $('#myDivId');
http://www.jquery.com
JavaScript

20. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
viewport
$( )
method
descendent selector

21. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
http://www.jquery.com
dot
slideDown
$

22. Root of an html document
JavaScript
html
$("#c").attr("checked", "checked");
var isHidden = $('#myDiv').is(':hidden');

23. A ______ is used by jQuery to locate and return an element from the web page
$("img#dog").fadeIn(3000);
$("#myselect option:selected").text();
descendent selector
selector

24. Another word for visible
jQuery
dot
id selector
opaque

25. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
1000
var isHidden = $('#myDiv').is(':hidden');
$(document).ready( function( ) {/* your code here */} );
*

26. The original creator of the jQuery library
dollar sign
John Resig
Write Less
html

27. JavaScript library specialized for complex interactivity and rich visual effects
var myValue = $('#myDivId').val();
jQuery
semicolon
html

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

29. Uncheck an input
$("#c").attr("checked","");
Write Less
html
if not $('#myDiv').show();

30. Unit of time measure in jQuery commands requiring a time value
milliseconds
developer
if ( $('#myDiv').is('.pretty') )
dollar sign

31. Number of milliseconds in a second
1000
slideToggle
$("<selector>").<method>;
http://www.jquery.com

32. Concatenation symbol in JavaScript
node
+
transparent
class selector

33. The ______ is the main window of the browser.
milliseconds
none
viewport
dot

34. Name of the symbol used for the jQuery shortcut
$("#x").attr("disabled","disabled");
dollar sign
var myDivElement = $('#myDivId');
$('#myDivId')

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

36. The JavaScript ______ translates directions you give it into different actions on the web page
browser
$("#x").attr("disabled","disabled");
dollar sign
interpreter

37. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
1000
descendent selector
viewport
if ( $('#myDiv').length )

38. Select an item using class

39. Wildcard selector in jQuery (selects all elements)
HTML string
concatenation
slideToggle
*

40. Name of the symbol that ends a jQuery statement
semicolon
DOM (Document Object Model)
jQuery
var isHidden = $('#myDiv').is(':hidden');

41. Get the text value of a selected option
dollar sign
opaque
$("#myselect option:selected").text();
$( )

42. Test whether an element has a particular class
semicolon
terminator
if ( $(this).hasClass("protected")
$(document).ready( function( ) {/* your code here */} );

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

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

45. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
*
descendent selector
dollar sign
DOM (Document Object Model)

46. Name of the character used to separate a jQuery selector from a jQuery method
method
HTML string
CSS
dot

47. Disable an element
$("#x").attr("disabled","disabled");
Write Less
developer
html

48. Another word for invisible
transparent
slideUp
$("#x").removeAttr("disabled");
$("#some\.id") instead of $("#some.id")

49. Shortcut for typing: jQuery( )
if ( $('#myDiv').length )
$( )
DOM (Document Object Model)
id selector

50. URL for obtaining jQuery
slideUp
$("#x").attr("disabled","disabled");
http://www.jquery.com
CSS