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. jQuery is written in _____________
html
class selector
JavaScript
dot

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

3. Name of the symbol used for the jQuery shortcut
viewport
$('.myCssClass')
dollar sign
descendent selector

4. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
HTML string
id selector
$("h1").hide();
if ( $(this).hasClass("protected")

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

6. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
$("#x").removeAttr("disabled");
$("#x").attr("disabled","disabled");
$
method

7. The ______ method says 'If it's up slide it down; if it's down slide it up.'
selector
id selector
Write Less
slideToggle

8. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
$
html
production
if ( $(this).hasClass("protected")

9. Both CSS and jQuery use the ____ symbol to specify a class.
$("#myselect option:selected").text();
HTML string
dot
var myValue = $('#myDivId').val();

10. JavaScript library specialized for complex interactivity and rich visual effects
opaque
descendent selector
jQuery
viewport

11. Name of the character used to separate a jQuery selector from a jQuery method
if not $('#myDiv').show();
dot
terminator
transparent

12. Test whether an element has a particular class
$("#c").attr("checked", "checked");
if ( $(this).hasClass("protected")
DOM (Document Object Model)
$("h1").hide();

13. Name of the symbol that ends a jQuery statement
transparent
html
semicolon
if ( $('#myDiv').length )

14. jQuery motto: _____. Do More.
Write Less
viewport
http://www.jquery.com
HTML string

15. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
if ( $('#myDiv').is('.pretty') )
interpreter
descendent selector
$("h1").hide();

16. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
$("#some\.id") instead of $("#some.id")
html
var isVisible = $('#myDiv').is(':visible');
$(document).ready( function( ) {/* your code here */} );

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

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

19. The _____ method changes the height property of an element until it is zero and then hides the element.
production
descendent selector
$("#x").removeAttr("disabled");
slideUp

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

21. This kind of file builds the structure of the web page
$(document).ready( function( ) {/* your code here */} );
CSS
html
if ( $('#myDiv').is('.pretty') )

22. Use a _____ to test that your jQuery scripts are working.
$("#c").attr("checked","");
var isHidden = $('#myDiv').is(':hidden');
$("#x").removeAttr("disabled");
browser

23. HTML tag pair that delimits a jQuery code block
<script></script>
jQuery
$("#some\.id") instead of $("#some.id")
html

24. Shortcut for typing: jQuery( )
var myDivElement = $('#myDivId');
if ( $('#myDiv').is('.pretty') )
$( )
$("<selector>").<method>;

25. Unit of time measure in jQuery commands requiring a time value
milliseconds
$("#x").attr("disabled","disabled");
var isVisible = $('#myDiv').is(':visible');
slideDown

26. A CSS setting that makes sure an element won't show when the page loads: display:______;
class selector
html
none
$( )

27. Enable an element
$("#x").removeAttr("disabled");
var isHidden = $('#myDiv').is(':hidden');
Write Less
var myValue = $('#myDivId').val();

28. Select an item using class

Warning: Invalid argument supplied for foreach() in /var/www/html/basicversity.com/show_quiz.php on line 183

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

30. A ______ is used by jQuery to locate and return an element from the web page
transparent
selector
terminator
var isVisible = $('#myDiv').is(':visible');

31. Two versions of jQuery available for download: production & ________
$("#myselect option:selected").text();
dot
developer
$("#c").attr("checked","");

32. Basic jQuery syntax (using shortcut)
$('.myCssClass')
HTML string
var myValue = $('#myDivId').val();
$("<selector>").<method>;

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

34. The ______ is the main window of the browser.
$("#c").attr("checked", "checked");
class selector
semicolon
viewport

35. The semicolon following a jQuery statement is known as a ___________
concatenation
terminator
jQuery
transparent

36. Wildcard selector in jQuery (selects all elements)
John Resig
*
var isVisible = $('#myDiv').is(':visible');
terminator

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

38. Each part of the DOM is called a ________.
node
dot
$("#x").attr("disabled","disabled");
slideDown

39. The process of adding or 'gluing' various kinds of data together often in a message
$("#c").attr("checked","");
+
$("h1").hide();
concatenation

40. Get the text value of a selected option
class selector
opaque
$("#some\.id") instead of $("#some.id")
$("#myselect option:selected").text();

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

42. Allows you to select a grouping of elements
if not $('#myDiv').show();
1000
class selector
DOM (Document Object Model)

43. Root of an html document
$("h1").hide();
$("<selector>").<method>;
JavaScript
html

44. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
semicolon
var myDivElement = $('#myDivId');
$("img#dog").fadeIn(3000);
John Resig

45. Number of milliseconds in a second
terminator
var myDivElement = $('#myDivId');
viewport
1000

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

47. Uncheck an input
DOM (Document Object Model)
$("#c").attr("checked","");
$("img#dog").fadeIn(3000);
HTML string

48. A(n) ___ _____ is used to identify a single unique element on a page.
descendent selector
id selector
1000
$("#c").attr("checked","");

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

50. Disable an element
var myDivElement = $('#myDivId');
html
CSS
$("#x").attr("disabled","disabled");