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. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
DOM (Document Object Model)
none
$("h1").hide();
selector

2. Another word for invisible
+
slideDown
transparent
var isHidden = $('#myDiv').is(':hidden');

3. The ______ is the main window of the browser.
production
id selector
CSS
viewport

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

5. Two versions of jQuery available for download: production & ________
Write Less
concatenation
1000
developer

6. jQuery is written in _____________
slideUp
Write Less
JavaScript
browser

7. Name of the character used to separate a jQuery selector from a jQuery method
node
class selector
production
dot

8. The ______ method says 'If it's up slide it down; if it's down slide it up.'
1000
DOM (Document Object Model)
slideToggle
concatenation

9. A ______ is used by jQuery to locate and return an element from the web page
$("#some\.id") instead of $("#some.id")
terminator
node
selector

10. HTML tag pair that delimits a jQuery code block
+
production
if not $('#myDiv').show();
<script></script>

11. Unit of time measure in jQuery commands requiring a time value
if not $('#myDiv').show();
milliseconds
browser
http://www.jquery.com

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

13. Select an element that has special CSS characters in its ID like '.'
$("#some\.id") instead of $("#some.id")
$("#myselect option:selected").text();
method
id selector

14. Shortcut for typing: jQuery( )
+
$( )
var isHidden = $('#myDiv').is(':hidden');
if ( $('#myDiv').length )

15. Basic jQuery syntax (using shortcut)
$("<selector>").<method>;
$( )
1000
viewport

16. A(n) ___ _____ is used to identify a single unique element on a page.
Write Less
id selector
$('.myCssClass')
DOM (Document Object Model)

17. Use a _____ to test that your jQuery scripts are working.
dot
interpreter
DOM (Document Object Model)
browser

18. Select an item using class

19. This kind of file builds the structure of the web page
$
Write Less
semicolon
html

20. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
dollar sign
CSS
none
descendent selector

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

22. Get the text value of a selected option
var myValue = $('#myDivId').val();
interpreter
JavaScript
$("#myselect option:selected").text();

23. Test whether an element has a particular class
if ( $(this).hasClass("protected")
+
*
$("#myselect option:selected").text();

24. jQuery selects elements the same way ____ does
slideToggle
John Resig
$("#some\.id") instead of $("#some.id")
CSS

25. Stuff between { } is often called a ______
code block
class selector
slideToggle
var myValue = $('#myDivId').val();

26. The process of adding or 'gluing' various kinds of data together often in a message
concatenation
DOM (Document Object Model)
method
id selector

27. The original creator of the jQuery library
$('#myDivId').val("hello world");
John Resig
milliseconds
<script></script>

28. Concatenation symbol in JavaScript
dot
class selector
http://www.jquery.com
+

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

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

31. Name of the symbol used for the jQuery shortcut
$('.myCssClass')
dollar sign
CSS
DOM (Document Object Model)

32. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
selector
$("img#dog").fadeIn(3000);
<script></script>
$(document).ready( function( ) {/* your code here */} );

33. The _______ version of jQuery is minified
$("<selector>").<method>;
production
$( )
method

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

35. Each part of the DOM is called a ________.
$("#x").attr("disabled","disabled");
node
$( )
HTML string

36. JavaScript library specialized for complex interactivity and rich visual effects
if not $('#myDiv').show();
dollar sign
jQuery
John Resig

37. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
CSS
var isVisible = $('#myDiv').is(':visible');
DOM (Document Object Model)
transparent

38. Uncheck an input
Write Less
$("#c").attr("checked","");
selector
slideUp

39. Enable an element
$("#x").removeAttr("disabled");
$
var myValue = $('#myDivId').val();
$("#x").attr("disabled","disabled");

40. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
milliseconds
HTML string
John Resig
method

41. Allows you to select a grouping of elements
$("<selector>").<method>;
class selector
descendent selector
slideToggle

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

43. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
opaque
slideToggle
$("img#dog").fadeIn(3000);
transparent

44. Check an input
HTML string
DOM (Document Object Model)
$("#c").attr("checked", "checked");
$("#x").attr("disabled","disabled");

45. A CSS setting that makes sure an element won't show when the page loads: display:______;
none
*
$("#c").attr("checked", "checked");
$("#c").attr("checked","");

46. Both CSS and jQuery use the ____ symbol to specify a class.
HTML string
$("<selector>").<method>;
$( )
dot

47. Root of an html document
if ( $('#myDiv').length )
slideDown
html
id selector

48. Another word for visible
opaque
var myDivElement = $('#myDivId');
dot
html

49. The _____ method changes the height property of an element until it is zero and then hides the element.
$('#myDivId')
$('.myCssClass')
node
slideUp

50. The JavaScript ______ translates directions you give it into different actions on the web page
interpreter
$("img#dog").fadeIn(3000);
$("#x").removeAttr("disabled");
$( )