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
jQuery
$("img#dog").fadeIn(3000);
code block
$("#x").removeAttr("disabled");

2. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
node
HTML string
slideUp
$

3. The JavaScript ______ translates directions you give it into different actions on the web page
interpreter
http://www.jquery.com
1000
slideDown

4. Check an input
id selector
opaque
$("#c").attr("checked", "checked");
html

5. Enable an element
$("#myselect option:selected").text();
$( )
$("#x").removeAttr("disabled");
terminator

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

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

8. The _______ version of jQuery is minified
1000
production
DOM (Document Object Model)
$('#myDivId').val("hello world");

9. Select an item using class

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

11. Select an element that has special CSS characters in its ID like '.'
$("img#dog").fadeIn(3000);
jQuery
$("#c").attr("checked", "checked");
$("#some\.id") instead of $("#some.id")

12. HTML tag pair that delimits a jQuery code block
milliseconds
var isHidden = $('#myDiv').is(':hidden');
if ( $('#myDiv').length )
<script></script>

13. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
semicolon
JavaScript
method
dot

14. Root of an html document
method
semicolon
$("h1").hide();
html

15. Another word for invisible
if ( $(this).hasClass("protected")
interpreter
+
transparent

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

17. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
John Resig
var isHidden = $('#myDiv').is(':hidden');
terminator
DOM (Document Object Model)

18. The semicolon following a jQuery statement is known as a ___________
var myDivElement = $('#myDivId');
$("#myselect option:selected").text();
code block
terminator

19. Uncheck an input
if ( $('#myDiv').is('.pretty') )
transparent
$("#x").removeAttr("disabled");
$("#c").attr("checked","");

20. Use a _____ to test that your jQuery scripts are working.
html
production
browser
node

21. Name of the character used to separate a jQuery selector from a jQuery method
if ( $('#myDiv').is('.pretty') )
$("h1").hide();
dot
node

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

23. Allows you to select a grouping of elements
concatenation
class selector
$("<selector>").<method>;
John Resig

24. jQuery motto: _____. Do More.
$( )
if ( $(this).hasClass("protected")
<script></script>
Write Less

25. A(n) ___ _____ is used to identify a single unique element on a page.
id selector
production
viewport
if not $('#myDiv').show();

26. The _____ method changes the height property of an element until it is zero and then hides the element.
*
slideUp
node
id selector

27. The ______ is the main window of the browser.
viewport
var myDivElement = $('#myDivId');
$(document).ready( function( ) {/* your code here */} );
$( )

28. Stuff between { } is often called a ______
terminator
+
$("h1").hide();
code block

29. jQuery selects elements the same way ____ does
browser
selector
$('#myDivId')
CSS

30. The original creator of the jQuery library
HTML string
slideUp
John Resig
$("<selector>").<method>;

31. Basic jQuery syntax (using shortcut)
$("<selector>").<method>;
html
milliseconds
JavaScript

32. The ______ method says 'If it's up slide it down; if it's down slide it up.'
CSS
+
slideToggle
production

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

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

35. A ______ is used by jQuery to locate and return an element from the web page
selector
browser
if ( $('#myDiv').length )
var myValue = $('#myDivId').val();

36. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
descendent selector
John Resig
dot
milliseconds

37. Concatenation symbol in JavaScript
terminator
1000
slideDown
+

38. Wildcard selector in jQuery (selects all elements)
*
var isVisible = $('#myDiv').is(':visible');
$( )
Write Less

39. Disable an element
semicolon
$("#x").attr("disabled","disabled");
$("#some\.id") instead of $("#some.id")
$( )

40. Another word for visible
DOM (Document Object Model)
jQuery
selector
opaque

41. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
DOM (Document Object Model)
slideDown
html
$("img#dog").fadeIn(3000);

42. Test whether an element has a particular class
production
selector
$("#c").attr("checked","");
if ( $(this).hasClass("protected")

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

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

45. Get the text value of a selected option
*
$( )
var isHidden = $('#myDiv').is(':hidden');
$("#myselect option:selected").text();

46. 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);
semicolon
html
$("#x").removeAttr("disabled");

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

48. URL for obtaining jQuery
slideDown
none
CSS
http://www.jquery.com

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

50. Name of the symbol used for the jQuery shortcut
if ( $('#myDiv').is('.pretty') )
developer
HTML string
dollar sign