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. Name of the symbol used for the jQuery shortcut
var isVisible = $('#myDiv').is(':visible');
browser
dollar sign
id selector

2. The ______ method says 'If it's up slide it down; if it's down slide it up.'
milliseconds
code block
slideToggle
semicolon

3. Two versions of jQuery available for download: production & ________
Write Less
method
developer
dollar sign

4. The process of adding or 'gluing' various kinds of data together often in a message
$('#myDivId').val("hello world");
milliseconds
$
concatenation

5. Unit of time measure in jQuery commands requiring a time value
milliseconds
transparent
$("#x").attr("disabled","disabled");
none

6. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
if ( $('#myDiv').length )
browser
descendent selector
opaque

7. The _____ method changes the height property of an element until it is zero and then hides the element.
var myDivElement = $('#myDivId');
$
JavaScript
slideUp

8. This kind of file builds the structure of the web page
production
developer
id selector
html

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

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

11. URL for obtaining jQuery
$("#c").attr("checked","");
var isVisible = $('#myDiv').is(':visible');
var myValue = $('#myDivId').val();
http://www.jquery.com

12. Allows you to select a grouping of elements
$("#c").attr("checked", "checked");
concatenation
class selector
DOM (Document Object Model)

13. Get the text value of a selected option
viewport
$("#myselect option:selected").text();
production
CSS

14. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
HTML string
$("h1").hide();
$("<selector>").<method>;
html

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

16. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
$("#c").attr("checked", "checked");
Write Less
DOM (Document Object Model)
$(document).ready( function( ) {/* your code here */} );

17. The _______ version of jQuery is minified
slideDown
+
class selector
production

18. Basic jQuery syntax (using shortcut)
DOM (Document Object Model)
semicolon
$("#x").removeAttr("disabled");
$("<selector>").<method>;

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

20. Wildcard selector in jQuery (selects all elements)
http://www.jquery.com
<script></script>
slideDown
*

21. Each part of the DOM is called a ________.
$("#c").attr("checked", "checked");
html
node
opaque

22. A CSS setting that makes sure an element won't show when the page loads: display:______;
descendent selector
$("#c").attr("checked","");
$("img#dog").fadeIn(3000);
none

23. Another word for visible
interpreter
browser
semicolon
opaque

24. Root of an html document
developer
interpreter
html
browser

25. jQuery motto: _____. Do More.
*
Write Less
http://www.jquery.com
if ( $('#myDiv').is('.pretty') )

26. Uncheck an input
+
$("#c").attr("checked","");
$("h1").hide();
$( )

27. The original creator of the jQuery library
John Resig
var myValue = $('#myDivId').val();
<script></script>
dot

28. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
method
Write Less
production
JavaScript

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

30. The semicolon following a jQuery statement is known as a ___________
terminator
node
$( )
$("img#dog").fadeIn(3000);

31. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
$('#myDivId').val("hello world");
class selector
slideDown
$(document).ready( function( ) {/* your code here */} );

32. jQuery is written in _____________
$("<selector>").<method>;
JavaScript
selector
$("#x").attr("disabled","disabled");

33. Concatenation symbol in JavaScript
John Resig
$('.myCssClass')
var isVisible = $('#myDiv').is(':visible');
+

34. Disable an element
$("#x").attr("disabled","disabled");
CSS
$("#c").attr("checked", "checked");
$("#c").attr("checked","");

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. Stuff between { } is often called a ______
code block
John Resig
none
Write Less

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

38. Select an element that has special CSS characters in its ID like '.'
$("#some\.id") instead of $("#some.id")
John Resig
JavaScript
$("#c").attr("checked", "checked");

39. 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)
$("<selector>").<method>;

40. A ______ is used by jQuery to locate and return an element from the web page
$("#myselect option:selected").text();
transparent
Write Less
selector

41. Use a _____ to test that your jQuery scripts are working.
semicolon
jQuery
concatenation
browser

42. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
node
dollar sign
$("img#dog").fadeIn(3000);
$('#myDivId')

43. Name of the symbol that ends a jQuery statement
slideToggle
semicolon
$("<selector>").<method>;
if not $('#myDiv').show();

44. Another word for invisible
viewport
$("#x").attr("disabled","disabled");
transparent
JavaScript

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

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

47. Enable an element
browser
$("#x").removeAttr("disabled");
if ( $('#myDiv').length )
semicolon

48. The ______ is the main window of the browser.
$("#some\.id") instead of $("#some.id")
viewport
$("#x").removeAttr("disabled");
$

49. jQuery selects elements the same way ____ does
$("<selector>").<method>;
$('#myDivId')
CSS
var myDivElement = $('#myDivId');

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