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. jQuery motto: _____. Do More.
Write Less
if not $('#myDiv').show();
dollar sign
$('#myDivId')

2. jQuery is written in _____________
slideUp
$("#myselect option:selected").text();
<script></script>
JavaScript

3. The process of adding or 'gluing' various kinds of data together often in a message
http://www.jquery.com
concatenation
$( )
html

4. Allows you to select a grouping of elements
production
html
class selector
$( )

5. Another word for invisible
$("h1").hide();
var myDivElement = $('#myDivId');
transparent
class selector

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

7. Each part of the DOM is called a ________.
node
$
dot
+

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

9. Two versions of jQuery available for download: production & ________
developer
$
if not $('#myDiv').show();
opaque

10. HTML tag pair that delimits a jQuery code block
John Resig
$('#myDivId')
dot
<script></script>

11. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
http://www.jquery.com
dot
if not $('#myDiv').show();
$

12. Enable an element
1000
dollar sign
$("#x").removeAttr("disabled");
node

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

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

15. jQuery selects elements the same way ____ does
$(document).ready( function( ) {/* your code here */} );
<script></script>
CSS
var myValue = $('#myDivId').val();

16. This kind of file builds the structure of the web page
if ( $(this).hasClass("protected")
$("h1").hide();
html
selector

17. Test whether an element has a particular class
code block
production
DOM (Document Object Model)
if ( $(this).hasClass("protected")

18. Shortcut for typing: jQuery( )
$( )
method
*
if not $('#myDiv').show();

19. Name of the symbol used for the jQuery shortcut
http://www.jquery.com
dollar sign
+
$( )

20. Use a _____ to test that your jQuery scripts are working.
browser
$('#myDivId').val("hello world");
selector
html

21. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
$('#myDivId')
+
dot
HTML string

22. The semicolon following a jQuery statement is known as a ___________
descendent selector
*
+
terminator

23. Get the text value of a selected option
$("#x").removeAttr("disabled");
slideToggle
$('#myDivId')
$("#myselect option:selected").text();

24. Stuff between { } is often called a ______
jQuery
$("img#dog").fadeIn(3000);
http://www.jquery.com
code block

25. URL for obtaining jQuery
$("img#dog").fadeIn(3000);
var isHidden = $('#myDiv').is(':hidden');
production
http://www.jquery.com

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

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

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

29. Select an item using class

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

30. The JavaScript ______ translates directions you give it into different actions on the web page
if not $('#myDiv').show();
JavaScript
interpreter
html

31. The _______ version of jQuery is minified
JavaScript
if ( $(this).hasClass("protected")
production
if not $('#myDiv').show();

32. Concatenation symbol in JavaScript
viewport
$("#myselect option:selected").text();
+
HTML string

33. Select an element that has special CSS characters in its ID like '.'
var myValue = $('#myDivId').val();
html
Write Less
$("#some\.id") instead of $("#some.id")

34. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
$("#x").removeAttr("disabled");
var isHidden = $('#myDiv').is(':hidden');
$("h1").hide();
if not $('#myDiv').show();

35. The ______ is the main window of the browser.
if not $('#myDiv').show();
HTML string
interpreter
viewport

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

37. Basic jQuery syntax (using shortcut)
var isVisible = $('#myDiv').is(':visible');
$("<selector>").<method>;
selector
semicolon

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

39. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
html
slideDown
dollar sign
viewport

40. Disable an element
dot
concatenation
$("#x").attr("disabled","disabled");
slideUp

41. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
http://www.jquery.com
method
developer
HTML string

42. Unit of time measure in jQuery commands requiring a time value
var myDivElement = $('#myDivId');
$("#some\.id") instead of $("#some.id")
$('#myDivId').val("hello world");
milliseconds

43. Name of the symbol that ends a jQuery statement
opaque
$("img#dog").fadeIn(3000);
semicolon
if ( $('#myDiv').length )

44. A ______ is used by jQuery to locate and return an element from the web page
selector
class selector
code block
$('#myDivId').val("hello world");

45. Both CSS and jQuery use the ____ symbol to specify a class.
$('.myCssClass')
dot
milliseconds
html

46. Another word for visible
id selector
semicolon
opaque
if not $('#myDiv').show();

47. Number of milliseconds in a second
1000
dollar sign
descendent selector
if not $('#myDiv').show();

48. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
jQuery
if ( $('#myDiv').is('.pretty') )
$("img#dog").fadeIn(3000);
selector

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

50. Root of an html document
milliseconds
Write Less
*
html