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. Unit of time measure in jQuery commands requiring a time value
transparent
milliseconds
jQuery
$("img#dog").fadeIn(3000);

2. Get the text value of a selected option
$("#myselect option:selected").text();
$('#myDivId')
slideToggle
developer

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

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

5. Stuff between { } is often called a ______
code block
$("<selector>").<method>;
$("#c").attr("checked","");
slideUp

6. jQuery is written in _____________
method
descendent selector
developer
JavaScript

7. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
method
if not $('#myDiv').show();
var myDivElement = $('#myDivId');
if ( $(this).hasClass("protected")

8. Shortcut for typing: jQuery( )
class selector
http://www.jquery.com
$('.myCssClass')
$( )

9. JavaScript library specialized for complex interactivity and rich visual effects
html
jQuery
developer
concatenation

10. The ______ method says 'If it's up slide it down; if it's down slide it up.'
$
milliseconds
dot
slideToggle

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

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

13. URL for obtaining jQuery
http://www.jquery.com
id selector
dot
dot

14. Name of the symbol used for the jQuery shortcut
var myValue = $('#myDivId').val();
*
dollar sign
html

15. The process of adding or 'gluing' various kinds of data together often in a message
slideUp
dot
concatenation
opaque

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

17. 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);
http://www.jquery.com
viewport
opaque

18. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
CSS
$(document).ready( function( ) {/* your code here */} );
$("#some\.id") instead of $("#some.id")
$("h1").hide();

19. Name of the character used to separate a jQuery selector from a jQuery method
$("h1").hide();
$( )
dot
var myDivElement = $('#myDivId');

20. Name of the symbol that ends a jQuery statement
semicolon
$('.myCssClass')
$("#x").removeAttr("disabled");
node

21. Root of an html document
+
production
JavaScript
html

22. Number of milliseconds in a second
JavaScript
var myValue = $('#myDivId').val();
1000
code block

23. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
HTML string
production
browser
slideDown

24. HTML tag pair that delimits a jQuery code block
<script></script>
$( )
dot
browser

25. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
class selector
$("#x").attr("disabled","disabled");
$
developer

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

27. Allows you to select a grouping of elements
$('.myCssClass')
developer
class selector
milliseconds

28. jQuery motto: _____. Do More.
code block
Write Less
terminator
class selector

29. This kind of file builds the structure of the web page
selector
none
html
opaque

30. Another word for invisible
Write Less
transparent
$("h1").hide();
descendent selector

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

32. Concatenation symbol in JavaScript
CSS
+
descendent selector
if ( $('#myDiv').length )

33. Enable an element
browser
var myDivElement = $('#myDivId');
slideUp
$("#x").removeAttr("disabled");

34. Each part of the DOM is called a ________.
node
if ( $(this).hasClass("protected")
html
1000

35. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
if ( $('#myDiv').length )
DOM (Document Object Model)
html
if ( $(this).hasClass("protected")

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

37. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
dot
$("h1").hide();
class selector
John Resig

38. Basic jQuery syntax (using shortcut)
if ( $(this).hasClass("protected")
$("<selector>").<method>;
milliseconds
slideDown

39. The original creator of the jQuery library
John Resig
slideToggle
none
dot

40. Check an input
opaque
concatenation
$("#c").attr("checked", "checked");
none

41. Test whether an element has a particular class
node
$("h1").hide();
if ( $('#myDiv').length )
if ( $(this).hasClass("protected")

42. Select an item using class

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

43. Wildcard selector in jQuery (selects all elements)
selector
*
John Resig
slideToggle

44. Use a _____ to test that your jQuery scripts are working.
http://www.jquery.com
Write Less
HTML string
browser

45. The ______ is the main window of the browser.
var myValue = $('#myDivId').val();
slideDown
+
viewport

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

47. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
$( )
$("h1").hide();
$("#some\.id") instead of $("#some.id")
HTML string

48. Disable an element
terminator
$("#x").attr("disabled","disabled");
slideToggle
concatenation

49. Both CSS and jQuery use the ____ symbol to specify a class.
var myValue = $('#myDivId').val();
Write Less
dot
$("#some\.id") instead of $("#some.id")

50. The _______ version of jQuery is minified
html
opaque
production
if ( $(this).hasClass("protected")