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. 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
interpreter
descendent selector
production

2. Shortcut for typing: jQuery( )
$( )
$(document).ready( function( ) {/* your code here */} );
slideDown
$("#x").attr("disabled","disabled");

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

4. HTML tag pair that delimits a jQuery code block
$("#myselect option:selected").text();
selector
<script></script>
dot

5. Name of the symbol used for the jQuery shortcut
var isVisible = $('#myDiv').is(':visible');
dollar sign
none
$("#x").attr("disabled","disabled");

6. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
HTML string
dollar sign
none
$('#myDivId')

7. Use a _____ to test that your jQuery scripts are working.
if not $('#myDiv').show();
production
browser
$("h1").hide();

8. The _______ version of jQuery is minified
production
selector
if not $('#myDiv').show();
code block

9. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
$("<selector>").<method>;
html
slideDown
method

10. Disable an element
slideToggle
$("#c").attr("checked","");
$("#x").attr("disabled","disabled");
1000

11. jQuery selects elements the same way ____ does
$('.myCssClass')
interpreter
CSS
var isHidden = $('#myDiv').is(':hidden');

12. 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 */} );
slideUp
var myDivElement = $('#myDivId');
dot

13. Check an input
$("#c").attr("checked", "checked");
if ( $('#myDiv').length )
*
$("<selector>").<method>;

14. A ______ is used by jQuery to locate and return an element from the web page
viewport
$("#x").removeAttr("disabled");
milliseconds
selector

15. The ______ is the main window of the browser.
concatenation
$("h1").hide();
viewport
var isVisible = $('#myDiv').is(':visible');

16. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
if not $('#myDiv').show();
DOM (Document Object Model)
<script></script>
$("<selector>").<method>;

17. Another word for visible
opaque
var isVisible = $('#myDiv').is(':visible');
var myValue = $('#myDivId').val();
if ( $('#myDiv').is('.pretty') )

18. Root of an html document
if ( $('#myDiv').length )
$( )
1000
html

19. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
concatenation
$('.myCssClass')
$('#myDivId')
$("h1").hide();

20. Name of the character used to separate a jQuery selector from a jQuery method
CSS
$("#c").attr("checked", "checked");
dot
jQuery

21. The semicolon following a jQuery statement is known as a ___________
terminator
selector
semicolon
$('#myDivId')

22. Uncheck an input
<script></script>
$("#c").attr("checked","");
$("<selector>").<method>;
$('.myCssClass')

23. Unit of time measure in jQuery commands requiring a time value
milliseconds
$
id selector
HTML string

24. Concatenation symbol in JavaScript
$("img#dog").fadeIn(3000);
+
interpreter
1000

25. Wildcard selector in jQuery (selects all elements)
slideToggle
$("#c").attr("checked", "checked");
*
DOM (Document Object Model)

26. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
$("#x").removeAttr("disabled");
Write Less
none
$("img#dog").fadeIn(3000);

27. jQuery motto: _____. Do More.
Write Less
id selector
opaque
interpreter

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

29. Stuff between { } is often called a ______
if ( $('#myDiv').is('.pretty') )
code block
$("#some\.id") instead of $("#some.id")
$( )

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

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

32. The JavaScript ______ translates directions you give it into different actions on the web page
interpreter
method
slideToggle
production

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

34. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
$
+
browser
var myDivElement = $('#myDivId');

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

36. JavaScript library specialized for complex interactivity and rich visual effects
$("#x").attr("disabled","disabled");
jQuery
id selector
viewport

37. Both CSS and jQuery use the ____ symbol to specify a class.
dot
method
developer
interpreter

38. A CSS setting that makes sure an element won't show when the page loads: display:______;
if ( $('#myDiv').is('.pretty') )
method
none
*

39. Name of the symbol that ends a jQuery statement
semicolon
concatenation
Write Less
html

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

41. Basic jQuery syntax (using shortcut)
$("<selector>").<method>;
HTML string
html
terminator

42. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
production
if not $('#myDiv').show();
method
milliseconds

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

44. Enable an element
$("#x").removeAttr("disabled");
node
selector
var myValue = $('#myDivId').val();

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

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

47. URL for obtaining jQuery
$("#x").attr("disabled","disabled");
dot
http://www.jquery.com
transparent

48. A(n) ___ _____ is used to identify a single unique element on a page.
id selector
class selector
$('#myDivId').val("hello world");
CSS

49. jQuery is written in _____________
developer
JavaScript
concatenation
slideUp

50. Another word for invisible
viewport
interpreter
html
transparent