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. Allows you to select a grouping of elements
method
class selector
$("#x").removeAttr("disabled");
slideDown

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

3. The _______ version of jQuery is minified
$("#x").removeAttr("disabled");
developer
production
html

4. JavaScript library specialized for complex interactivity and rich visual effects
$( )
jQuery
class selector
JavaScript

5. Stuff between { } is often called a ______
http://www.jquery.com
$('.myCssClass')
code block
if not $('#myDiv').show();

6. URL for obtaining jQuery
http://www.jquery.com
slideDown
$("#x").removeAttr("disabled");
1000

7. jQuery is written in _____________
terminator
JavaScript
$("#x").removeAttr("disabled");
concatenation

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

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

10. Disable an element
concatenation
production
$("#x").attr("disabled","disabled");
$(document).ready( function( ) {/* your code here */} );

11. The original creator of the jQuery library
viewport
$( )
John Resig
html

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

13. The JavaScript ______ translates directions you give it into different actions on the web page
var myDivElement = $('#myDivId');
interpreter
terminator
id selector

14. Shortcut for typing: jQuery( )
$('#myDivId').val("hello world");
var myValue = $('#myDivId').val();
$( )
$("#c").attr("checked","");

15. Test whether an element has a particular class
dot
$("h1").hide();
if ( $(this).hasClass("protected")
$("#some\.id") instead of $("#some.id")

16. Unit of time measure in jQuery commands requiring a time value
code block
milliseconds
HTML string
descendent selector

17. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
var isHidden = $('#myDiv').is(':hidden');
html
method
$("h1").hide();

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

19. Both CSS and jQuery use the ____ symbol to specify a class.
dot
html
$("#myselect option:selected").text();
+

20. Get the text value of a selected option
Write Less
$("#myselect option:selected").text();
opaque
$("img#dog").fadeIn(3000);

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

22. This kind of file builds the structure of the web page
$("<selector>").<method>;
semicolon
*
html

23. A(n) ___ _____ is used to identify a single unique element on a page.
id selector
method
$('#myDivId').val("hello world");
milliseconds

24. jQuery motto: _____. Do More.
+
Write Less
JavaScript
slideToggle

25. Each part of the DOM is called a ________.
$
node
slideUp
var myDivElement = $('#myDivId');

26. Basic jQuery syntax (using shortcut)
concatenation
$("<selector>").<method>;
DOM (Document Object Model)
CSS

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

28. Two versions of jQuery available for download: production & ________
developer
id selector
semicolon
$("#c").attr("checked", "checked");

29. Uncheck an input
JavaScript
if ( $('#myDiv').is('.pretty') )
var isVisible = $('#myDiv').is(':visible');
$("#c").attr("checked","");

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

31. Check an input
$("#c").attr("checked", "checked");
slideDown
concatenation
1000

32. The ______ is the main window of the browser.
html
JavaScript
<script></script>
viewport

33. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
HTML string
semicolon
http://www.jquery.com
method

34. jQuery selects elements the same way ____ does
$('.myCssClass')
CSS
var myValue = $('#myDivId').val();
<script></script>

35. Select an item using class

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

36. Number of milliseconds in a second
node
HTML string
browser
1000

37. Select an element that has special CSS characters in its ID like '.'
if ( $('#myDiv').is('.pretty') )
slideUp
$("#some\.id") instead of $("#some.id")
var myDivElement = $('#myDivId');

38. The _____ method changes the height property of an element until it is zero and then hides the element.
$("#c").attr("checked", "checked");
Write Less
semicolon
slideUp

39. A CSS setting that makes sure an element won't show when the page loads: display:______;
if not $('#myDiv').show();
none
html
developer

40. Wildcard selector in jQuery (selects all elements)
$
semicolon
*
dot

41. The semicolon following a jQuery statement is known as a ___________
$
slideDown
terminator
if ( $('#myDiv').is('.pretty') )

42. HTML tag pair that delimits a jQuery code block
<script></script>
$("<selector>").<method>;
var myDivElement = $('#myDivId');
var isHidden = $('#myDiv').is(':hidden');

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

44. Another word for invisible
jQuery
transparent
DOM (Document Object Model)
JavaScript

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

46. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
node
$("<selector>").<method>;
if ( $('#myDiv').length )
$(document).ready( function( ) {/* your code here */} );

47. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
http://www.jquery.com
$("img#dog").fadeIn(3000);
terminator
semicolon

48. Name of the character used to separate a jQuery selector from a jQuery method
developer
$("#x").removeAttr("disabled");
dot
var isHidden = $('#myDiv').is(':hidden');

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

50. The process of adding or 'gluing' various kinds of data together often in a message
$("h1").hide();
concatenation
$
none