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. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
+
$("#some\.id") instead of $("#some.id")
slideDown
jQuery

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

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

4. Allows you to select a grouping of elements
class selector
$("#some\.id") instead of $("#some.id")
$('#myDivId')
http://www.jquery.com

5. The JavaScript ______ translates directions you give it into different actions on the web page
interpreter
var myValue = $('#myDivId').val();
method
$("#c").attr("checked","");

6. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
$("#x").attr("disabled","disabled");
if ( $('#myDiv').length )
$("h1").hide();
$

7. jQuery is written in _____________
JavaScript
viewport
var myValue = $('#myDivId').val();
descendent selector

8. A ______ is used by jQuery to locate and return an element from the web page
terminator
code block
CSS
selector

9. Two versions of jQuery available for download: production & ________
var isHidden = $('#myDiv').is(':hidden');
*
Write Less
developer

10. Root of an html document
html
$("#x").removeAttr("disabled");
if ( $('#myDiv').length )
$("h1").hide();

11. Name of the symbol that ends a jQuery statement
$("#some\.id") instead of $("#some.id")
if ( $(this).hasClass("protected")
+
semicolon

12. Unit of time measure in jQuery commands requiring a time value
milliseconds
concatenation
$("#myselect option:selected").text();
jQuery

13. Enable an element
selector
John Resig
$("#x").removeAttr("disabled");
jQuery

14. JavaScript library specialized for complex interactivity and rich visual effects
*
if ( $('#myDiv').length )
jQuery
selector

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

16. This kind of file builds the structure of the web page
selector
html
slideDown
none

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

18. Get the text value of a selected option
var isHidden = $('#myDiv').is(':hidden');
production
$("#myselect option:selected").text();
$("#some\.id") instead of $("#some.id")

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

20. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
1000
HTML string
production
Write Less

21. The _______ version of jQuery is minified
$( )
production
$("#c").attr("checked", "checked");
html

22. Name of the character used to separate a jQuery selector from a jQuery method
class selector
dot
if ( $('#myDiv').is('.pretty') )
method

23. jQuery motto: _____. Do More.
transparent
if not $('#myDiv').show();
Write Less
html

24. The process of adding or 'gluing' various kinds of data together often in a message
viewport
var myValue = $('#myDivId').val();
1000
concatenation

25. The _____ method changes the height property of an element until it is zero and then hides the element.
slideUp
var myDivElement = $('#myDivId');
$('#myDivId').val("hello world");
John Resig

26. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
var isVisible = $('#myDiv').is(':visible');
production
$("img#dog").fadeIn(3000);
$("#c").attr("checked", "checked");

27. Name of the symbol used for the jQuery shortcut
milliseconds
production
if ( $('#myDiv').is('.pretty') )
dollar sign

28. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
+
$("#x").removeAttr("disabled");
method
var myDivElement = $('#myDivId');

29. Test whether an element has a particular class
$("#c").attr("checked", "checked");
if ( $(this).hasClass("protected")
jQuery
$( )

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

31. Number of milliseconds in a second
developer
transparent
1000
DOM (Document Object Model)

32. The ______ method says 'If it's up slide it down; if it's down slide it up.'
$( )
$
slideToggle
browser

33. Shortcut for typing: jQuery( )
selector
$("#x").attr("disabled","disabled");
$( )
browser

34. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
descendent selector
slideToggle
production
jQuery

35. Concatenation symbol in JavaScript
<script></script>
+
slideToggle
http://www.jquery.com

36. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
jQuery
$(document).ready( function( ) {/* your code here */} );
<script></script>
$('.myCssClass')

37. Uncheck an input
$("#c").attr("checked","");
developer
$("#some\.id") instead of $("#some.id")
$

38. Select an item using class

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

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

40. Wildcard selector in jQuery (selects all elements)
DOM (Document Object Model)
descendent selector
viewport
*

41. Use a _____ to test that your jQuery scripts are working.
$( )
browser
production
dot

42. Check an input
$("#some\.id") instead of $("#some.id")
id selector
$( )
$("#c").attr("checked", "checked");

43. Each part of the DOM is called a ________.
node
$("#c").attr("checked","");
$( )
$("<selector>").<method>;

44. HTML tag pair that delimits a jQuery code block
$("#x").attr("disabled","disabled");
$(document).ready( function( ) {/* your code here */} );
<script></script>
CSS

45. jQuery selects elements the same way ____ does
CSS
if ( $('#myDiv').length )
none
John Resig

46. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
$("#c").attr("checked","");
DOM (Document Object Model)
Write Less
jQuery

47. The original creator of the jQuery library
opaque
<script></script>
John Resig
html

48. The semicolon following a jQuery statement is known as a ___________
if not $('#myDiv').show();
terminator
if ( $('#myDiv').is('.pretty') )
$("#c").attr("checked", "checked");

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

50. Another word for visible
1000
opaque
<script></script>
slideToggle