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. Wildcard selector in jQuery (selects all elements)
html
developer
if not $('#myDiv').show();
*

2. URL for obtaining jQuery
slideUp
http://www.jquery.com
descendent selector
$("#c").attr("checked", "checked");

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

4. jQuery motto: _____. Do More.
$( )
Write Less
$(document).ready( function( ) {/* your code here */} );
viewport

5. Both CSS and jQuery use the ____ symbol to specify a class.
class selector
$("#x").attr("disabled","disabled");
$("img#dog").fadeIn(3000);
dot

6. Enable an element
var myValue = $('#myDivId').val();
transparent
milliseconds
$("#x").removeAttr("disabled");

7. The _____ method changes the height property of an element until it is zero and then hides the element.
slideUp
$("h1").hide();
DOM (Document Object Model)
id selector

8. Unit of time measure in jQuery commands requiring a time value
dot
CSS
milliseconds
transparent

9. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
if ( $('#myDiv').length )
DOM (Document Object Model)
<script></script>
slideDown

10. Two versions of jQuery available for download: production & ________
production
semicolon
developer
class selector

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

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

13. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
node
http://www.jquery.com
none
descendent selector

14. Concatenation symbol in JavaScript
Write Less
+
transparent
*

15. A ______ is used by jQuery to locate and return an element from the web page
selector
$("#c").attr("checked", "checked");
html
CSS

16. A CSS setting that makes sure an element won't show when the page loads: display:______;
none
$("#myselect option:selected").text();
1000
var myDivElement = $('#myDivId');

17. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
$("h1").hide();
$("#x").removeAttr("disabled");
$("#x").attr("disabled","disabled");
$("img#dog").fadeIn(3000);

18. Test whether an element has a particular class
method
if not $('#myDiv').show();
$('#myDivId')
if ( $(this).hasClass("protected")

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

20. Get the text value of a selected option
$("#myselect option:selected").text();
slideToggle
milliseconds
html

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

22. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
$("#c").attr("checked","");
dot
method
HTML string

23. Select an item using class

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

25. HTML tag pair that delimits a jQuery code block
<script></script>
if ( $('#myDiv').is('.pretty') )
semicolon
class selector

26. Root of an html document
selector
semicolon
$( )
html

27. Shortcut for typing: jQuery( )
$("<selector>").<method>;
opaque
$( )
production

28. The semicolon following a jQuery statement is known as a ___________
<script></script>
production
none
terminator

29. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
interpreter
DOM (Document Object Model)
opaque
var myValue = $('#myDivId').val();

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

31. jQuery is written in _____________
DOM (Document Object Model)
opaque
JavaScript
slideUp

32. A(n) ___ _____ is used to identify a single unique element on a page.
interpreter
John Resig
slideToggle
id selector

33. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
var isHidden = $('#myDiv').is(':hidden');
HTML string
JavaScript
terminator

34. Use a _____ to test that your jQuery scripts are working.
$("#c").attr("checked", "checked");
HTML string
browser
jQuery

35. The JavaScript ______ translates directions you give it into different actions on the web page
descendent selector
dollar sign
interpreter
code block

36. Check an input
selector
html
$("#c").attr("checked", "checked");
var myValue = $('#myDivId').val();

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

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

39. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
$("#myselect option:selected").text();
var myValue = $('#myDivId').val();
transparent
$(document).ready( function( ) {/* your code here */} );

40. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
$("h1").hide();
var myValue = $('#myDivId').val();
opaque
slideToggle

41. Select an element that has special CSS characters in its ID like '.'
$("#some\.id") instead of $("#some.id")
transparent
if ( $('#myDiv').length )
opaque

42. Another word for invisible
transparent
if not $('#myDiv').show();
1000
John Resig

43. Allows you to select a grouping of elements
$('#myDivId').val("hello world");
class selector
$(document).ready( function( ) {/* your code here */} );
dot

44. Another word for visible
html
$("#some\.id") instead of $("#some.id")
opaque
id selector

45. Uncheck an input
concatenation
$("#c").attr("checked","");
$("#c").attr("checked", "checked");
*

46. Stuff between { } is often called a ______
transparent
$( )
var isVisible = $('#myDiv').is(':visible');
code block

47. This kind of file builds the structure of the web page
transparent
1000
html
$("#myselect option:selected").text();

48. Basic jQuery syntax (using shortcut)
code block
$("#x").removeAttr("disabled");
1000
$("<selector>").<method>;

49. Disable an element
$("#x").attr("disabled","disabled");
$("#some\.id") instead of $("#some.id")
$('#myDivId')
if ( $('#myDiv').is('.pretty') )

50. Name of the character used to separate a jQuery selector from a jQuery method
+
dot
$( )
$('.myCssClass')