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 original creator of the jQuery library
node
John Resig
$('.myCssClass')
$("<selector>").<method>;

2. Select an item using class

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

4. Name of the symbol that ends a jQuery statement
dollar sign
DOM (Document Object Model)
$("#myselect option:selected").text();
semicolon

5. jQuery selects elements the same way ____ does
HTML string
CSS
$('.myCssClass')
selector

6. Stuff between { } is often called a ______
var myDivElement = $('#myDivId');
dot
dollar sign
code block

7. Another word for invisible
transparent
slideDown
dot
slideUp

8. Wildcard selector in jQuery (selects all elements)
*
$("#myselect option:selected").text();
$("h1").hide();
if ( $(this).hasClass("protected")

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

10. Concatenation symbol in JavaScript
+
$("h1").hide();
$('#myDivId')
1000

11. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
<script></script>
descendent selector
interpreter
terminator

12. Shortcut for typing: jQuery( )
production
viewport
$( )
$

13. Use a _____ to test that your jQuery scripts are working.
class selector
opaque
JavaScript
browser

14. Name of the character used to separate a jQuery selector from a jQuery method
dot
descendent selector
method
developer

15. The semicolon following a jQuery statement is known as a ___________
html
terminator
html
JavaScript

16. jQuery is written in _____________
JavaScript
dot
transparent
code block

17. Name of the symbol used for the jQuery shortcut
production
dollar sign
method
developer

18. A CSS setting that makes sure an element won't show when the page loads: display:______;
terminator
none
code block
var isHidden = $('#myDiv').is(':hidden');

19. Each part of the DOM is called a ________.
*
node
var isVisible = $('#myDiv').is(':visible');
html

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

21. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
method
selector
slideDown
html

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

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

24. HTML tag pair that delimits a jQuery code block
CSS
<script></script>
+
1000

25. Test whether an element has a particular class
html
descendent selector
if ( $(this).hasClass("protected")
var myValue = $('#myDivId').val();

26. The JavaScript ______ translates directions you give it into different actions on the web page
$(document).ready( function( ) {/* your code here */} );
opaque
$("img#dog").fadeIn(3000);
interpreter

27. A(n) ___ _____ is used to identify a single unique element on a page.
browser
id selector
JavaScript
slideUp

28. The _______ version of jQuery is minified
node
production
transparent
$("h1").hide();

29. The process of adding or 'gluing' various kinds of data together often in a message
$("#c").attr("checked","");
1000
concatenation
if ( $('#myDiv').is('.pretty') )

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

31. Disable an element
dot
$("#x").attr("disabled","disabled");
transparent
concatenation

32. Two versions of jQuery available for download: production & ________
var isHidden = $('#myDiv').is(':hidden');
developer
dollar sign
var isVisible = $('#myDiv').is(':visible');

33. Uncheck an input
<script></script>
$("#some\.id") instead of $("#some.id")
JavaScript
$("#c").attr("checked","");

34. jQuery motto: _____. Do More.
$("#c").attr("checked","");
$("img#dog").fadeIn(3000);
Write Less
$("#c").attr("checked", "checked");

35. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
code block
$("h1").hide();
slideUp
var myValue = $('#myDivId').val();

36. Allows you to select a grouping of elements
none
JavaScript
if not $('#myDiv').show();
class selector

37. The _____ method changes the height property of an element until it is zero and then hides the element.
code block
slideUp
concatenation
if ( $('#myDiv').is('.pretty') )

38. Enable an element
$(document).ready( function( ) {/* your code here */} );
$("#x").removeAttr("disabled");
html
$('#myDivId')

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

40. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
DOM (Document Object Model)
semicolon
$("#x").attr("disabled","disabled");
HTML string

41. Check an input
$("#c").attr("checked", "checked");
$('.myCssClass')
DOM (Document Object Model)
$("img#dog").fadeIn(3000);

42. Root of an html document
code block
slideUp
dollar sign
html

43. URL for obtaining jQuery
http://www.jquery.com
id selector
node
$("#x").attr("disabled","disabled");

44. Get the text value of a selected option
1000
id selector
$("#myselect option:selected").text();
slideUp

45. JavaScript library specialized for complex interactivity and rich visual effects
if ( $('#myDiv').is('.pretty') )
transparent
jQuery
$('.myCssClass')

46. Unit of time measure in jQuery commands requiring a time value
DOM (Document Object Model)
milliseconds
$("#c").attr("checked","");
code block

47. 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);
*
opaque
<script></script>

48. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
$("#x").attr("disabled","disabled");
selector
$(document).ready( function( ) {/* your code here */} );
if ( $('#myDiv').is('.pretty') )

49. Basic jQuery syntax (using shortcut)
node
$("<selector>").<method>;
$("#some\.id") instead of $("#some.id")
none

50. A ______ is used by jQuery to locate and return an element from the web page
CSS
$("#c").attr("checked","");
$(document).ready( function( ) {/* your code here */} );
selector