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. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
id selector
slideDown
*
node

2. Disable an element
node
$("h1").hide();
JavaScript
$("#x").attr("disabled","disabled");

3. The original creator of the jQuery library
dot
interpreter
$('.myCssClass')
John Resig

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

5. Another word for invisible
var isVisible = $('#myDiv').is(':visible');
$("#x").removeAttr("disabled");
transparent
dollar sign

6. Check an input
$("#c").attr("checked", "checked");
transparent
method
concatenation

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

8. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
class selector
http://www.jquery.com
*
descendent selector

9. Use a _____ to test that your jQuery scripts are working.
terminator
class selector
browser
if ( $('#myDiv').length )

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

11. Name of the character used to separate a jQuery selector from a jQuery method
code block
$( )
dot
html

12. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
html
HTML string
$
var myValue = $('#myDivId').val();

13. The ______ method says 'If it's up slide it down; if it's down slide it up.'
slideToggle
html
John Resig
$( )

14. Enable an element
if ( $('#myDiv').length )
interpreter
slideToggle
$("#x").removeAttr("disabled");

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

16. Uncheck an input
$("#c").attr("checked","");
transparent
if ( $(this).hasClass("protected")
if ( $('#myDiv').length )

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

18. Two versions of jQuery available for download: production & ________
node
developer
production
$("#myselect option:selected").text();

19. Test whether an element has a particular class
if ( $('#myDiv').is('.pretty') )
if ( $(this).hasClass("protected")
code block
node

20. Concatenation symbol in JavaScript
+
$("h1").hide();
$("#x").attr("disabled","disabled");
Write Less

21. Get the text value of a selected option
$("img#dog").fadeIn(3000);
$("#myselect option:selected").text();
jQuery
$("#c").attr("checked", "checked");

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

23. jQuery selects elements the same way ____ does
browser
CSS
dollar sign
$("<selector>").<method>;

24. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
JavaScript
$("h1").hide();
var myValue = $('#myDivId').val();
dot

25. Unit of time measure in jQuery commands requiring a time value
if not $('#myDiv').show();
$('#myDivId').val("hello world");
milliseconds
*

26. Shortcut for typing: jQuery( )
$("img#dog").fadeIn(3000);
browser
$( )
$("h1").hide();

27. The semicolon following a jQuery statement is known as a ___________
CSS
code block
terminator
$( )

28. Name of the symbol used for the jQuery shortcut
developer
dollar sign
$("#c").attr("checked","");
var isVisible = $('#myDiv').is(':visible');

29. Basic jQuery syntax (using shortcut)
class selector
$("<selector>").<method>;
browser
$( )

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

31. Root of an html document
html
http://www.jquery.com
opaque
semicolon

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

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

34. The process of adding or 'gluing' various kinds of data together often in a message
$("<selector>").<method>;
Write Less
DOM (Document Object Model)
concatenation

35. Select an element that has special CSS characters in its ID like '.'
$("#some\.id") instead of $("#some.id")
$('#myDivId')
if ( $('#myDiv').length )
code block

36. Stuff between { } is often called a ______
var isHidden = $('#myDiv').is(':hidden');
$("#myselect option:selected").text();
if ( $('#myDiv').length )
code block

37. Another word for visible
browser
JavaScript
opaque
$("<selector>").<method>;

38. The _____ method changes the height property of an element until it is zero and then hides the element.
method
node
slideUp
$("h1").hide();

39. HTML tag pair that delimits a jQuery code block
<script></script>
$("#x").attr("disabled","disabled");
code block
interpreter

40. JavaScript library specialized for complex interactivity and rich visual effects
+
$('#myDivId').val("hello world");
HTML string
jQuery

41. A ______ is used by jQuery to locate and return an element from the web page
$("<selector>").<method>;
terminator
slideToggle
selector

42. jQuery motto: _____. Do More.
Write Less
if ( $('#myDiv').length )
dollar sign
semicolon

43. The ______ is the main window of the browser.
viewport
+
var isVisible = $('#myDiv').is(':visible');
method

44. Name of the symbol that ends a jQuery statement
$("<selector>").<method>;
if not $('#myDiv').show();
semicolon
slideUp

45. Both CSS and jQuery use the ____ symbol to specify a class.
milliseconds
terminator
dot
id selector

46. Each part of the DOM is called a ________.
slideDown
node
viewport
CSS

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

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

49. Number of milliseconds in a second
$("img#dog").fadeIn(3000);
production
CSS
1000

50. URL for obtaining jQuery
milliseconds
$("#myselect option:selected").text();
http://www.jquery.com
viewport