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 ______ is the main window of the browser.
$(document).ready( function( ) {/* your code here */} );
viewport
dollar sign
if not $('#myDiv').show();

2. Another word for visible
slideDown
node
opaque
browser

3. JavaScript library specialized for complex interactivity and rich visual effects
jQuery
concatenation
id selector
$("<selector>").<method>;

4. A(n) ___ _____ is used to identify a single unique element on a page.
html
semicolon
id selector
jQuery

5. Get the text value of a selected option
http://www.jquery.com
none
$("#myselect option:selected").text();
terminator

6. HTML tag pair that delimits a jQuery code block
var myDivElement = $('#myDivId');
terminator
var isVisible = $('#myDiv').is(':visible');
<script></script>

7. Shortcut for typing: jQuery( )
$( )
semicolon
HTML string
$("#x").attr("disabled","disabled");

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

9. Two versions of jQuery available for download: production & ________
production
milliseconds
browser
developer

10. Concatenation symbol in JavaScript
+
slideUp
if ( $('#myDiv').is('.pretty') )
HTML string

11. Disable an element
$("#x").attr("disabled","disabled");
code block
concatenation
html

12. The semicolon following a jQuery statement is known as a ___________
code block
slideToggle
terminator
id selector

13. Stuff between { } is often called a ______
code block
$("#myselect option:selected").text();
if ( $('#myDiv').length )
CSS

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

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

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

17. Allows you to select a grouping of elements
1000
class selector
descendent selector
node

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

19. Another word for invisible
id selector
$("#x").attr("disabled","disabled");
transparent
dollar sign

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

21. jQuery selects elements the same way ____ does
production
+
CSS
$( )

22. Name of the character used to separate a jQuery selector from a jQuery method
dot
browser
if not $('#myDiv').show();
var isVisible = $('#myDiv').is(':visible');

23. Wildcard selector in jQuery (selects all elements)
var isHidden = $('#myDiv').is(':hidden');
$('#myDivId').val("hello world");
$("#x").attr("disabled","disabled");
*

24. jQuery is written in _____________
HTML string
dot
JavaScript
slideDown

25. Uncheck an input
CSS
slideUp
+
$("#c").attr("checked","");

26. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
$("h1").hide();
*
slideDown
var isHidden = $('#myDiv').is(':hidden');

27. The _____ method changes the height property of an element until it is zero and then hides the element.
slideUp
if ( $(this).hasClass("protected")
production
var myValue = $('#myDivId').val();

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

29. The process of adding or 'gluing' various kinds of data together often in a message
slideUp
concatenation
$("#c").attr("checked", "checked");
viewport

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

31. Unit of time measure in jQuery commands requiring a time value
dollar sign
$(document).ready( function( ) {/* your code here */} );
HTML string
milliseconds

32. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
$("#c").attr("checked","");
method
<script></script>
1000

33. Use a _____ to test that your jQuery scripts are working.
concatenation
code block
browser
$("#x").attr("disabled","disabled");

34. Root of an html document
method
semicolon
html
descendent selector

35. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
*
var isVisible = $('#myDiv').is(':visible');
$
production

36. 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
http://www.jquery.com
if ( $('#myDiv').length )
$

37. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
slideDown
if ( $('#myDiv').is('.pretty') )
$("h1").hide();
John Resig

38. Check an input
slideUp
$("#c").attr("checked", "checked");
method
$("#myselect option:selected").text();

39. jQuery motto: _____. Do More.
var myValue = $('#myDivId').val();
class selector
Write Less
1000

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

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

42. Basic jQuery syntax (using shortcut)
JavaScript
$("#myselect option:selected").text();
$("<selector>").<method>;
if not $('#myDiv').show();

43. Both CSS and jQuery use the ____ symbol to specify a class.
dot
if ( $(this).hasClass("protected")
CSS
$

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

45. Select an item using class

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

46. The _______ version of jQuery is minified
HTML string
production
$(document).ready( function( ) {/* your code here */} );
var isVisible = $('#myDiv').is(':visible');

47. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
jQuery
slideToggle
DOM (Document Object Model)
+

48. A CSS setting that makes sure an element won't show when the page loads: display:______;
interpreter
none
var myDivElement = $('#myDivId');
var myValue = $('#myDivId').val();

49. URL for obtaining jQuery
http://www.jquery.com
slideToggle
if ( $('#myDiv').length )
$("#x").removeAttr("disabled");

50. Enable an element
id selector
milliseconds
John Resig
$("#x").removeAttr("disabled");