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. A(n) ___ _____ is used to identify a single unique element on a page.
Write Less
id selector
$('#myDivId').val("hello world");
jQuery

2. Both CSS and jQuery use the ____ symbol to specify a class.
JavaScript
$("#x").removeAttr("disabled");
dot
if ( $(this).hasClass("protected")

3. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
$("<selector>").<method>;
dot
John Resig
slideDown

4. Another word for visible
dot
$("#some\.id") instead of $("#some.id")
production
opaque

5. Root of an html document
if ( $(this).hasClass("protected")
id selector
John Resig
html

6. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
+
$
slideDown
$( )

7. Wildcard selector in jQuery (selects all elements)
*
$('.myCssClass')
slideUp
$("#myselect option:selected").text();

8. Name of the character used to separate a jQuery selector from a jQuery method
html
id selector
dot
Write Less

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

10. Name of the symbol that ends a jQuery statement
semicolon
var isVisible = $('#myDiv').is(':visible');
if not $('#myDiv').show();
$("#myselect option:selected").text();

11. Stuff between { } is often called a ______
jQuery
code block
John Resig
if not $('#myDiv').show();

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

13. Get the text value of a selected option
$("<selector>").<method>;
class selector
HTML string
$("#myselect option:selected").text();

14. Concatenation symbol in JavaScript
slideToggle
semicolon
$("<selector>").<method>;
+

15. JavaScript library specialized for complex interactivity and rich visual effects
$("#x").attr("disabled","disabled");
JavaScript
var isHidden = $('#myDiv').is(':hidden');
jQuery

16. jQuery selects elements the same way ____ does
concatenation
transparent
CSS
var myDivElement = $('#myDivId');

17. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
$("h1").hide();
+
semicolon
$(document).ready( function( ) {/* your code here */} );

18. Number of milliseconds in a second
1000
$("h1").hide();
<script></script>
transparent

19. The process of adding or 'gluing' various kinds of data together often in a message
code block
CSS
concatenation
<script></script>

20. Test whether an element has a particular class
DOM (Document Object Model)
var myValue = $('#myDivId').val();
if ( $(this).hasClass("protected")
John Resig

21. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
$("h1").hide();
$("#c").attr("checked","");
viewport
$(document).ready( function( ) {/* your code here */} );

22. The _____ method changes the height property of an element until it is zero and then hides the element.
terminator
$('#myDivId').val("hello world");
JavaScript
slideUp

23. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
$("<selector>").<method>;
html
$("img#dog").fadeIn(3000);
$( )

24. The JavaScript ______ translates directions you give it into different actions on the web page
$("#myselect option:selected").text();
if ( $(this).hasClass("protected")
interpreter
JavaScript

25. Two versions of jQuery available for download: production & ________
developer
$("img#dog").fadeIn(3000);
descendent selector
Write Less

26. URL for obtaining jQuery
milliseconds
slideToggle
http://www.jquery.com
class selector

27. Shortcut for typing: jQuery( )
class selector
code block
node
$( )

28. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
HTML string
$('.myCssClass')
browser
id selector

29. The ______ method says 'If it's up slide it down; if it's down slide it up.'
slideToggle
html
$("<selector>").<method>;
var myDivElement = $('#myDivId');

30. Name of the symbol used for the jQuery shortcut
dollar sign
CSS
class selector
var myValue = $('#myDivId').val();

31. Unit of time measure in jQuery commands requiring a time value
milliseconds
jQuery
if ( $(this).hasClass("protected")
opaque

32. The _______ version of jQuery is minified
+
if ( $('#myDiv').length )
production
$("#some\.id") instead of $("#some.id")

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

34. Disable an element
developer
$("#x").attr("disabled","disabled");
viewport
John Resig

35. jQuery is written in _____________
$('#myDivId').val("hello world");
+
JavaScript
method

36. Each part of the DOM is called a ________.
$("<selector>").<method>;
node
dollar sign
method

37. Use a _____ to test that your jQuery scripts are working.
browser
JavaScript
viewport
opaque

38. This kind of file builds the structure of the web page
developer
milliseconds
id selector
html

39. Uncheck an input
$("#c").attr("checked","");
var myDivElement = $('#myDivId');
browser
slideToggle

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

41. Select an element that has special CSS characters in its ID like '.'
jQuery
node
$("#some\.id") instead of $("#some.id")
semicolon

42. The ______ is the main window of the browser.
$("#some\.id") instead of $("#some.id")
code block
CSS
viewport

43. HTML tag pair that delimits a jQuery code block
1000
<script></script>
method
John Resig

44. Allows you to select a grouping of elements
class selector
opaque
html
John Resig

45. Another word for invisible
transparent
<script></script>
dollar sign
developer

46. Select an item using class

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

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

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

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

50. The original creator of the jQuery library
John Resig
slideUp
selector
$("#myselect option:selected").text();