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.
concatenation
dollar sign
CSS
browser

2. Name of the symbol that ends a jQuery statement
semicolon
if ( $('#myDiv').length )
if ( $('#myDiv').is('.pretty') )
$

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

4. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
$(document).ready( function( ) {/* your code here */} );
$("h1").hide();
transparent
*

5. Another word for visible
opaque
http://www.jquery.com
$('#myDivId').val("hello world");
interpreter

6. The ______ method says 'If it's up slide it down; if it's down slide it up.'
html
slideToggle
slideUp
viewport

7. Name of the symbol used for the jQuery shortcut
John Resig
if ( $('#myDiv').is('.pretty') )
viewport
dollar sign

8. Both CSS and jQuery use the ____ symbol to specify a class.
var isHidden = $('#myDiv').is(':hidden');
$('#myDivId')
$('#myDivId').val("hello world");
dot

9. A ______ is used by jQuery to locate and return an element from the web page
$
1000
selector
*

10. Name of the character used to separate a jQuery selector from a jQuery method
none
milliseconds
$('#myDivId')
dot

11. Test whether an element has a particular class
html
$("#c").attr("checked", "checked");
if ( $(this).hasClass("protected")
+

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

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

14. Allows you to select a grouping of elements
$("img#dog").fadeIn(3000);
$("#myselect option:selected").text();
class selector
id selector

15. 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)
node
John Resig
if ( $('#myDiv').is('.pretty') )

16. A CSS setting that makes sure an element won't show when the page loads: display:______;
$('.myCssClass')
html
none
slideToggle

17. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
node
$('.myCssClass')
if ( $('#myDiv').length )
$

18. The process of adding or 'gluing' various kinds of data together often in a message
slideToggle
dot
concatenation
var myDivElement = $('#myDivId');

19. This kind of file builds the structure of the web page
$("#c").attr("checked","");
if not $('#myDiv').show();
html
terminator

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

21. Get the text value of a selected option
DOM (Document Object Model)
var myValue = $('#myDivId').val();
$("<selector>").<method>;
$("#myselect option:selected").text();

22. jQuery is written in _____________
JavaScript
production
viewport
1000

23. URL for obtaining jQuery
http://www.jquery.com
John Resig
interpreter
browser

24. A(n) ___ _____ is used to identify a single unique element on a page.
node
var isHidden = $('#myDiv').is(':hidden');
id selector
html

25. Number of milliseconds in a second
interpreter
1000
DOM (Document Object Model)
$("<selector>").<method>;

26. Each part of the DOM is called a ________.
node
html
semicolon
descendent selector

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

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

29. 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);
browser
$('.myCssClass')
terminator

30. The original creator of the jQuery library
John Resig
if ( $('#myDiv').length )
*
concatenation

31. Stuff between { } is often called a ______
none
opaque
semicolon
code block

32. Check an input
jQuery
slideDown
$("#c").attr("checked", "checked");
dot

33. Disable an element
<script></script>
$("#myselect option:selected").text();
$("#x").attr("disabled","disabled");
slideDown

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

35. The _____ method changes the height property of an element until it is zero and then hides the element.
slideUp
$("#myselect option:selected").text();
*
slideDown

36. The ______ is the main window of the browser.
HTML string
viewport
milliseconds
method

37. jQuery motto: _____. Do More.
http://www.jquery.com
Write Less
$("#c").attr("checked","");
dollar sign

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

39. The semicolon following a jQuery statement is known as a ___________
method
browser
var myValue = $('#myDivId').val();
terminator

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

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

42. Root of an html document
slideUp
html
milliseconds
production

43. The JavaScript ______ translates directions you give it into different actions on the web page
$(document).ready( function( ) {/* your code here */} );
interpreter
$
slideToggle

44. Shortcut for typing: jQuery( )
$( )
var myDivElement = $('#myDivId');
+
semicolon

45. Another word for invisible
$(document).ready( function( ) {/* your code here */} );
dot
transparent
if not $('#myDiv').show();

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

47. Enable an element
if ( $('#myDiv').length )
descendent selector
DOM (Document Object Model)
$("#x").removeAttr("disabled");

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

49. Wildcard selector in jQuery (selects all elements)
$("img#dog").fadeIn(3000);
milliseconds
*
HTML string

50. jQuery selects elements the same way ____ does
if ( $('#myDiv').is('.pretty') )
CSS
code block
interpreter