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 process of adding or 'gluing' various kinds of data together often in a message
Write Less
concatenation
jQuery
viewport

2. Two versions of jQuery available for download: production & ________
method
developer
var isHidden = $('#myDiv').is(':hidden');
$("img#dog").fadeIn(3000);

3. The ______ method says 'If it's up slide it down; if it's down slide it up.'
$("#c").attr("checked", "checked");
slideToggle
interpreter
browser

4. Select an element that has special CSS characters in its ID like '.'
browser
$('#myDivId').val("hello world");
$("#some\.id") instead of $("#some.id")
*

5. Basic jQuery syntax (using shortcut)
$(document).ready( function( ) {/* your code here */} );
$("<selector>").<method>;
terminator
none

6. Root of an html document
1000
viewport
html
semicolon

7. Name of the symbol that ends a jQuery statement
semicolon
dollar sign
class selector
$("<selector>").<method>;

8. jQuery motto: _____. Do More.
Write Less
developer
jQuery
if ( $('#myDiv').is('.pretty') )

9. This kind of file builds the structure of the web page
$("#some\.id") instead of $("#some.id")
$("#c").attr("checked", "checked");
code block
html

10. jQuery is written in _____________
$("img#dog").fadeIn(3000);
browser
JavaScript
DOM (Document Object Model)

11. A(n) ___ _____ is used to identify a single unique element on a page.
JavaScript
$("h1").hide();
id selector
selector

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

13. A ______ is used by jQuery to locate and return an element from the web page
<script></script>
jQuery
html
selector

14. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
slideDown
$('#myDivId')
$("h1").hide();
var myDivElement = $('#myDivId');

15. Get the text value of a selected option
slideUp
$("#myselect option:selected").text();
terminator
$('.myCssClass')

16. Use a _____ to test that your jQuery scripts are working.
$("<selector>").<method>;
browser
html
$("#some\.id") instead of $("#some.id")

17. Enable an element
if ( $('#myDiv').length )
developer
$("#x").removeAttr("disabled");
$("#c").attr("checked", "checked");

18. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
$("h1").hide();
var myDivElement = $('#myDivId');
method
selector

19. Concatenation symbol in JavaScript
if ( $(this).hasClass("protected")
$("<selector>").<method>;
slideDown
+

20. The ______ is the main window of the browser.
var myValue = $('#myDivId').val();
slideUp
viewport
$('#myDivId')

21. Unit of time measure in jQuery commands requiring a time value
$("#x").attr("disabled","disabled");
milliseconds
$('.myCssClass')
+

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

23. JavaScript library specialized for complex interactivity and rich visual effects
dot
none
concatenation
jQuery

24. Name of the symbol used for the jQuery shortcut
CSS
dollar sign
var myDivElement = $('#myDivId');
method

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

26. URL for obtaining jQuery
http://www.jquery.com
$("<selector>").<method>;
$( )
viewport

27. Stuff between { } is often called a ______
http://www.jquery.com
node
$('#myDivId').val("hello world");
code block

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

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

30. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
$(document).ready( function( ) {/* your code here */} );
$
if ( $(this).hasClass("protected")
browser

31. Disable an element
$(document).ready( function( ) {/* your code here */} );
var myValue = $('#myDivId').val();
$("#x").attr("disabled","disabled");
jQuery

32. Check an input
id selector
$("#c").attr("checked", "checked");
Write Less
slideDown

33. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
terminator
$(document).ready( function( ) {/* your code here */} );
CSS
$("#some\.id") instead of $("#some.id")

34. jQuery selects elements the same way ____ does
var isHidden = $('#myDiv').is(':hidden');
$("#some\.id") instead of $("#some.id")
CSS
browser

35. The original creator of the jQuery library
html
*
John Resig
CSS

36. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
if ( $('#myDiv').is('.pretty') )
$("img#dog").fadeIn(3000);
var isVisible = $('#myDiv').is(':visible');
$("h1").hide();

37. The semicolon following a jQuery statement is known as a ___________
production
descendent selector
terminator
id selector

38. Test whether an element has a particular class
var myDivElement = $('#myDivId');
if ( $(this).hasClass("protected")
if ( $('#myDiv').is('.pretty') )
+

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

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

41. Another word for invisible
CSS
dot
transparent
milliseconds

42. Each part of the DOM is called a ________.
browser
node
$
$('#myDivId').val("hello world");

43. A CSS setting that makes sure an element won't show when the page loads: display:______;
code block
descendent selector
dot
none

44. Allows you to select a grouping of elements
html
$
$("#x").removeAttr("disabled");
class selector

45. Both CSS and jQuery use the ____ symbol to specify a class.
1000
$("#myselect option:selected").text();
dot
$(document).ready( function( ) {/* your code here */} );

46. The _______ version of jQuery is minified
if ( $(this).hasClass("protected")
selector
transparent
production

47. Wildcard selector in jQuery (selects all elements)
node
+
*
$(document).ready( function( ) {/* your code here */} );

48. The _____ method changes the height property of an element until it is zero and then hides the element.
slideUp
John Resig
$("#x").attr("disabled","disabled");
developer

49. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
$("#c").attr("checked","");
$(document).ready( function( ) {/* your code here */} );
html
HTML string

50. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
var myValue = $('#myDivId').val();
descendent selector
var isVisible = $('#myDiv').is(':visible');
$(document).ready( function( ) {/* your code here */} );