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. JavaScript library specialized for complex interactivity and rich visual effects
$("#c").attr("checked", "checked");
jQuery
+
slideDown

2. Another word for invisible
$( )
http://www.jquery.com
transparent
slideToggle

3. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
var myValue = $('#myDivId').val();
method
opaque
$( )

4. This kind of file builds the structure of the web page
dot
html
if ( $('#myDiv').is('.pretty') )
if ( $(this).hasClass("protected")

5. Both CSS and jQuery use the ____ symbol to specify a class.
$("h1").hide();
slideUp
var isVisible = $('#myDiv').is(':visible');
dot

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

7. Unit of time measure in jQuery commands requiring a time value
dot
milliseconds
+
dot

8. The semicolon following a jQuery statement is known as a ___________
$("#x").attr("disabled","disabled");
method
terminator
$( )

9. Stuff between { } is often called a ______
code block
slideDown
CSS
var isHidden = $('#myDiv').is(':hidden');

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

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

12. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
HTML string
$("#x").removeAttr("disabled");
selector
if not $('#myDiv').show();

13. Wildcard selector in jQuery (selects all elements)
CSS
if not $('#myDiv').show();
*
if ( $('#myDiv').is('.pretty') )

14. Shortcut for typing: jQuery( )
DOM (Document Object Model)
var myDivElement = $('#myDivId');
$( )
html

15. Select an element that has special CSS characters in its ID like '.'
CSS
dollar sign
$("#some\.id") instead of $("#some.id")
slideToggle

16. Basic jQuery syntax (using shortcut)
$("#x").removeAttr("disabled");
$("<selector>").<method>;
if ( $('#myDiv').is('.pretty') )
browser

17. URL for obtaining jQuery
terminator
developer
$("img#dog").fadeIn(3000);
http://www.jquery.com

18. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
$("h1").hide();
$("#x").attr("disabled","disabled");
+
$("<selector>").<method>;

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

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

21. HTML tag pair that delimits a jQuery code block
<script></script>
$("h1").hide();
transparent
$("#myselect option:selected").text();

22. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
slideDown
opaque
*
viewport

23. jQuery motto: _____. Do More.
$("#c").attr("checked", "checked");
Write Less
if ( $('#myDiv').is('.pretty') )
DOM (Document Object Model)

24. Uncheck an input
$("#c").attr("checked","");
selector
method
slideUp

25. Concatenation symbol in JavaScript
John Resig
HTML string
+
if ( $('#myDiv').length )

26. Check an input
$("#x").attr("disabled","disabled");
$("#c").attr("checked", "checked");
dot
viewport

27. The ______ method says 'If it's up slide it down; if it's down slide it up.'
DOM (Document Object Model)
slideToggle
transparent
Write Less

28. Name of the character used to separate a jQuery selector from a jQuery method
dot
viewport
if ( $('#myDiv').length )
concatenation

29. Test whether an element has a particular class
CSS
$("#c").attr("checked","");
if ( $(this).hasClass("protected")
terminator

30. The _______ version of jQuery is minified
$('#myDivId').val("hello world");
id selector
+
production

31. The _____ method changes the height property of an element until it is zero and then hides the element.
slideUp
dot
developer
if ( $('#myDiv').is('.pretty') )

32. Get the text value of a selected option
terminator
$("#myselect option:selected").text();
CSS
$("#c").attr("checked","");

33. 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 */} );
opaque
$("#myselect option:selected").text();
$("#some\.id") instead of $("#some.id")

34. Root of an html document
concatenation
dot
html
$(document).ready( function( ) {/* your code here */} );

35. Disable an element
browser
dot
$("#x").attr("disabled","disabled");
dot

36. jQuery selects elements the same way ____ does
var myDivElement = $('#myDivId');
jQuery
CSS
selector

37. Use a _____ to test that your jQuery scripts are working.
jQuery
browser
method
$(document).ready( function( ) {/* your code here */} );

38. A(n) ___ _____ is used to identify a single unique element on a page.
$("img#dog").fadeIn(3000);
1000
dot
id selector

39. Select an item using class

40. Name of the symbol used for the jQuery shortcut
dollar sign
$('#myDivId').val("hello world");
if ( $('#myDiv').length )
class selector

41. The process of adding or 'gluing' various kinds of data together often in a message
selector
concatenation
html
if ( $(this).hasClass("protected")

42. Enable an element
interpreter
$( )
opaque
$("#x").removeAttr("disabled");

43. Two versions of jQuery available for download: production & ________
if ( $('#myDiv').length )
concatenation
var myDivElement = $('#myDivId');
developer

44. Number of milliseconds in a second
if ( $('#myDiv').is('.pretty') )
1000
browser
$("#myselect option:selected").text();

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

46. Each part of the DOM is called a ________.
node
*
dollar sign
$(document).ready( function( ) {/* your code here */} );

47. The ______ is the main window of the browser.
viewport
if ( $('#myDiv').length )
$('.myCssClass')
dot

48. The JavaScript ______ translates directions you give it into different actions on the web page
code block
$
concatenation
interpreter

49. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
dot
$
selector
html

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