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. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
HTML string
$("#c").attr("checked", "checked");
$('.myCssClass')
milliseconds

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

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

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

5. Unit of time measure in jQuery commands requiring a time value
terminator
milliseconds
HTML string
$('.myCssClass')

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

7. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
browser
JavaScript
interpreter
$("h1").hide();

8. Two versions of jQuery available for download: production & ________
$('#myDivId').val("hello world");
developer
browser
http://www.jquery.com

9. Enable an element
*
$("#x").removeAttr("disabled");
var isVisible = $('#myDiv').is(':visible');
class selector

10. Test whether an element has a particular class
selector
if ( $(this).hasClass("protected")
DOM (Document Object Model)
concatenation

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

12. jQuery motto: _____. Do More.
*
code block
Write Less
$("<selector>").<method>;

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

14. The ______ is the main window of the browser.
html
viewport
JavaScript
$

15. Basic jQuery syntax (using shortcut)
$("#myselect option:selected").text();
$('#myDivId')
*
$("<selector>").<method>;

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

17. The ______ method says 'If it's up slide it down; if it's down slide it up.'
method
slideToggle
DOM (Document Object Model)
Write Less

18. The original creator of the jQuery library
dot
$('.myCssClass')
transparent
John Resig

19. Shortcut for typing: jQuery( )
if ( $('#myDiv').is('.pretty') )
$( )
opaque
$("#x").attr("disabled","disabled");

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

21. The semicolon following a jQuery statement is known as a ___________
$("<selector>").<method>;
terminator
$( )
dollar sign

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

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

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

25. Uncheck an input
<script></script>
$("#c").attr("checked","");
$("#c").attr("checked", "checked");
descendent selector

26. Concatenation symbol in JavaScript
+
Write Less
$('#myDivId')
$

27. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
DOM (Document Object Model)
$('#myDivId')
$("img#dog").fadeIn(3000);
transparent

28. Disable an element
viewport
transparent
var myDivElement = $('#myDivId');
$("#x").attr("disabled","disabled");

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

30. Select an item using class

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

31. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
$("#x").attr("disabled","disabled");
id selector
$("#c").attr("checked", "checked");
slideDown

32. Another word for invisible
class selector
$("img#dog").fadeIn(3000);
method
transparent

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

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

35. jQuery selects elements the same way ____ does
code block
CSS
developer
dot

36. Stuff between { } is often called a ______
code block
if ( $('#myDiv').length )
var myValue = $('#myDivId').val();
$(document).ready( function( ) {/* your code here */} );

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

38. 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') )
$(document).ready( function( ) {/* your code here */} );
html
descendent selector

39. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
slideUp
developer
selector
$(document).ready( function( ) {/* your code here */} );

40. Allows you to select a grouping of elements
html
class selector
$("#x").removeAttr("disabled");
$('#myDivId').val("hello world");

41. The process of adding or 'gluing' various kinds of data together often in a message
browser
1000
$("#x").attr("disabled","disabled");
concatenation

42. jQuery is written in _____________
if ( $('#myDiv').is('.pretty') )
developer
jQuery
JavaScript

43. Get the text value of a selected option
terminator
$("#myselect option:selected").text();
$("#x").removeAttr("disabled");
method

44. Name of the symbol used for the jQuery shortcut
dollar sign
http://www.jquery.com
$("#some\.id") instead of $("#some.id")
John Resig

45. The _____ method changes the height property of an element until it is zero and then hides the element.
milliseconds
interpreter
slideUp
DOM (Document Object Model)

46. This kind of file builds the structure of the web page
html
$("<selector>").<method>;
if ( $(this).hasClass("protected")
class selector

47. Both CSS and jQuery use the ____ symbol to specify a class.
JavaScript
dollar sign
$("#x").attr("disabled","disabled");
dot

48. Each part of the DOM is called a ________.
node
dot
code block
1000

49. Root of an html document
browser
html
production
$("#c").attr("checked","");

50. Name of the symbol that ends a jQuery statement
semicolon
$(document).ready( function( ) {/* your code here */} );
$("#c").attr("checked","");
http://www.jquery.com