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. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
slideDown
transparent
interpreter
method

2. jQuery motto: _____. Do More.
method
$("#c").attr("checked","");
CSS
Write Less

3. The _______ version of jQuery is minified
html
slideUp
production
opaque

4. 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
var isVisible = $('#myDiv').is(':visible');
interpreter
<script></script>

5. A(n) ___ _____ is used to identify a single unique element on a page.
none
id selector
concatenation
$("<selector>").<method>;

6. Stuff between { } is often called a ______
class selector
$("#c").attr("checked","");
transparent
code block

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

8. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
DOM (Document Object Model)
milliseconds
class selector
$("h1").hide();

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

10. jQuery is written in _____________
jQuery
JavaScript
node
DOM (Document Object Model)

11. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
HTML string
$( )
node
terminator

12. The original creator of the jQuery library
HTML string
none
http://www.jquery.com
John Resig

13. Enable an element
http://www.jquery.com
$("#x").removeAttr("disabled");
semicolon
html

14. Two versions of jQuery available for download: production & ________
$("#c").attr("checked", "checked");
HTML string
class selector
developer

15. This kind of file builds the structure of the web page
browser
html
$('#myDivId')
$(document).ready( function( ) {/* your code here */} );

16. Check an input
html
$("#c").attr("checked", "checked");
var myDivElement = $('#myDivId');
if ( $('#myDiv').is('.pretty') )

17. Get the text value of a selected option
browser
interpreter
dollar sign
$("#myselect option:selected").text();

18. Select an element that has special CSS characters in its ID like '.'
descendent selector
html
$("#some\.id") instead of $("#some.id")
var isHidden = $('#myDiv').is(':hidden');

19. Name of the symbol used for the jQuery shortcut
dollar sign
slideUp
$
$("img#dog").fadeIn(3000);

20. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
var myDivElement = $('#myDivId');
$
$("#x").attr("disabled","disabled");
interpreter

21. Name of the character used to separate a jQuery selector from a jQuery method
1000
dot
if ( $(this).hasClass("protected")
$("<selector>").<method>;

22. Allows you to select a grouping of elements
none
class selector
slideToggle
$("#myselect option:selected").text();

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

24. Basic jQuery syntax (using shortcut)
method
dot
$("<selector>").<method>;
<script></script>

25. The ______ is the main window of the browser.
$("h1").hide();
*
browser
viewport

26. The ______ method says 'If it's up slide it down; if it's down slide it up.'
opaque
$("#c").attr("checked", "checked");
$("#some\.id") instead of $("#some.id")
slideToggle

27. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
$("#some\.id") instead of $("#some.id")
$("h1").hide();
John Resig
semicolon

28. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
slideToggle
$("#x").removeAttr("disabled");
$("img#dog").fadeIn(3000);
$('#myDivId').val("hello world");

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

30. Number of milliseconds in a second
jQuery
terminator
selector
1000

31. Shortcut for typing: jQuery( )
browser
terminator
milliseconds
$( )

32. Uncheck an input
var myValue = $('#myDivId').val();
$
$("#c").attr("checked","");
$("#x").attr("disabled","disabled");

33. A ______ is used by jQuery to locate and return an element from the web page
selector
production
browser
slideDown

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

35. Each part of the DOM is called a ________.
node
Write Less
slideDown
if ( $(this).hasClass("protected")

36. A CSS setting that makes sure an element won't show when the page loads: display:______;
$("#some\.id") instead of $("#some.id")
$("img#dog").fadeIn(3000);
$("h1").hide();
none

37. jQuery selects elements the same way ____ does
CSS
dot
$("#c").attr("checked","");
+

38. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
code block
$(document).ready( function( ) {/* your code here */} );
$("#myselect option:selected").text();
$("#c").attr("checked", "checked");

39. The semicolon following a jQuery statement is known as a ___________
class selector
descendent selector
id selector
terminator

40. Another word for invisible
$("#c").attr("checked", "checked");
HTML string
transparent
$("<selector>").<method>;

41. Disable an element
var myValue = $('#myDivId').val();
$("#x").attr("disabled","disabled");
$('.myCssClass')
node

42. The process of adding or 'gluing' various kinds of data together often in a message
$( )
if ( $('#myDiv').is('.pretty') )
html
concatenation

43. Wildcard selector in jQuery (selects all elements)
node
id selector
$("#c").attr("checked", "checked");
*

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

45. JavaScript library specialized for complex interactivity and rich visual effects
jQuery
var isHidden = $('#myDiv').is(':hidden');
transparent
selector

46. HTML tag pair that delimits a jQuery code block
semicolon
var myValue = $('#myDivId').val();
<script></script>
slideDown

47. Select an item using class

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

48. Unit of time measure in jQuery commands requiring a time value
var myValue = $('#myDivId').val();
terminator
milliseconds
$("h1").hide();

49. Concatenation symbol in JavaScript
$('.myCssClass')
+
if ( $(this).hasClass("protected")
$(document).ready( function( ) {/* your code here */} );

50. Root of an html document
*
html
transparent
terminator