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. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
developer
+
$('.myCssClass')
method

2. Select an element that has special CSS characters in its ID like '.'
HTML string
viewport
$("#x").attr("disabled","disabled");
$("#some\.id") instead of $("#some.id")

3. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
terminator
dot
$(document).ready( function( ) {/* your code here */} );
$('.myCssClass')

4. The JavaScript ______ translates directions you give it into different actions on the web page
interpreter
var isVisible = $('#myDiv').is(':visible');
concatenation
none

5. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
var isVisible = $('#myDiv').is(':visible');
$("h1").hide();
$("#x").removeAttr("disabled");
http://www.jquery.com

6. Another word for invisible
transparent
if ( $(this).hasClass("protected")
*
CSS

7. A ______ is used by jQuery to locate and return an element from the web page
production
selector
$( )
opaque

8. Wildcard selector in jQuery (selects all elements)
jQuery
CSS
*
$("#c").attr("checked","");

9. Name of the character used to separate a jQuery selector from a jQuery method
node
dot
HTML string
$("#myselect option:selected").text();

10. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
var myValue = $('#myDivId').val();
$("#myselect option:selected").text();
id selector
DOM (Document Object Model)

11. The ______ method says 'If it's up slide it down; if it's down slide it up.'
$("#myselect option:selected").text();
selector
+
slideToggle

12. Two versions of jQuery available for download: production & ________
concatenation
html
developer
dollar sign

13. Use a _____ to test that your jQuery scripts are working.
milliseconds
id selector
if ( $('#myDiv').is('.pretty') )
browser

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

15. Concatenation symbol in JavaScript
$("#some\.id") instead of $("#some.id")
developer
jQuery
+

16. URL for obtaining jQuery
if ( $(this).hasClass("protected")
slideDown
John Resig
http://www.jquery.com

17. Uncheck an input
*
$("#c").attr("checked","");
var isVisible = $('#myDiv').is(':visible');
$("#x").attr("disabled","disabled");

18. The _____ method changes the height property of an element until it is zero and then hides the element.
$(document).ready( function( ) {/* your code here */} );
production
slideUp
+

19. Root of an html document
production
concatenation
html
$( )

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

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

22. Name of the symbol used for the jQuery shortcut
class selector
Write Less
transparent
dollar sign

23. The process of adding or 'gluing' various kinds of data together often in a message
concatenation
var myDivElement = $('#myDivId');
*
$("#x").removeAttr("disabled");

24. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
$("img#dog").fadeIn(3000);
DOM (Document Object Model)
HTML string
method

25. The ______ is the main window of the browser.
http://www.jquery.com
milliseconds
terminator
viewport

26. Both CSS and jQuery use the ____ symbol to specify a class.
$("#myselect option:selected").text();
method
code block
dot

27. Each part of the DOM is called a ________.
var isHidden = $('#myDiv').is(':hidden');
node
Write Less
HTML string

28. Stuff between { } is often called a ______
none
code block
Write Less
$(document).ready( function( ) {/* your code here */} );

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

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

31. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
$
dot
*
HTML string

32. Disable an element
$("#x").attr("disabled","disabled");
if ( $('#myDiv').length )
slideDown
var myDivElement = $('#myDivId');

33. The _______ version of jQuery is minified
developer
production
transparent
slideUp

34. Shortcut for typing: jQuery( )
1000
$("#myselect option:selected").text();
$( )
$('.myCssClass')

35. Check an input
var isVisible = $('#myDiv').is(':visible');
code block
method
$("#c").attr("checked", "checked");

36. Allows you to select a grouping of elements
concatenation
$('.myCssClass')
developer
class selector

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

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

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

40. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
class selector
slideDown
var myValue = $('#myDivId').val();
node

41. This kind of file builds the structure of the web page
$("<selector>").<method>;
html
$('#myDivId').val("hello world");
browser

42. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
if not $('#myDiv').show();
$("img#dog").fadeIn(3000);
concatenation
interpreter

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

44. JavaScript library specialized for complex interactivity and rich visual effects
HTML string
concatenation
transparent
jQuery

45. Get the text value of a selected option
$('#myDivId')
dollar sign
if not $('#myDiv').show();
$("#myselect option:selected").text();

46. Test whether an element has a particular class
HTML string
node
if ( $(this).hasClass("protected")
+

47. Name of the symbol that ends a jQuery statement
*
semicolon
DOM (Document Object Model)
code block

48. The semicolon following a jQuery statement is known as a ___________
CSS
production
terminator
method

49. The original creator of the jQuery library
var isVisible = $('#myDiv').is(':visible');
html
none
John Resig

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