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

2. Allows you to select a grouping of elements
jQuery
class selector
$("#x").removeAttr("disabled");
var isVisible = $('#myDiv').is(':visible');

3. Wildcard selector in jQuery (selects all elements)
$("#some\.id") instead of $("#some.id")
*
code block
slideUp

4. The _____ method changes the height property of an element until it is zero and then hides the element.
id selector
$("#x").attr("disabled","disabled");
slideUp
1000

5. The original creator of the jQuery library
var isHidden = $('#myDiv').is(':hidden');
html
$( )
John Resig

6. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
slideDown
none
DOM (Document Object Model)
class selector

7. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
id selector
terminator
descendent selector
John Resig

8. Another word for invisible
dot
production
transparent
JavaScript

9. The _______ version of jQuery is minified
id selector
$("<selector>").<method>;
http://www.jquery.com
production

10. Use a _____ to test that your jQuery scripts are working.
var myDivElement = $('#myDivId');
$("#x").attr("disabled","disabled");
*
browser

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

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

13. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
viewport
$("#some\.id") instead of $("#some.id")
$("img#dog").fadeIn(3000);
method

14. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
production
+
$(document).ready( function( ) {/* your code here */} );
id selector

15. Get the text value of a selected option
$("#x").removeAttr("disabled");
John Resig
$("#myselect option:selected").text();
class selector

16. Stuff between { } is often called a ______
code block
John Resig
$("#some\.id") instead of $("#some.id")
selector

17. The process of adding or 'gluing' various kinds of data together often in a message
concatenation
dollar sign
node
html

18. Basic jQuery syntax (using shortcut)
Write Less
$( )
var isHidden = $('#myDiv').is(':hidden');
$("<selector>").<method>;

19. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
<script></script>
$("img#dog").fadeIn(3000);
slideDown
if ( $(this).hasClass("protected")

20. A ______ is used by jQuery to locate and return an element from the web page
html
*
selector
id selector

21. Another word for visible
slideToggle
dollar sign
$( )
opaque

22. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
interpreter
$("img#dog").fadeIn(3000);
CSS
$("#myselect option:selected").text();

23. Uncheck an input
terminator
method
$("#c").attr("checked","");
html

24. Concatenation symbol in JavaScript
$
Write Less
+
1000

25. The ______ method says 'If it's up slide it down; if it's down slide it up.'
interpreter
slideToggle
$('.myCssClass')
$("#c").attr("checked", "checked");

26. Shortcut for typing: jQuery( )
$("#myselect option:selected").text();
dot
$( )
var myValue = $('#myDivId').val();

27. HTML tag pair that delimits a jQuery code block
<script></script>
dollar sign
developer
descendent selector

28. Number of milliseconds in a second
John Resig
$("img#dog").fadeIn(3000);
semicolon
1000

29. Unit of time measure in jQuery commands requiring a time value
milliseconds
$("<selector>").<method>;
$('.myCssClass')
$(document).ready( function( ) {/* your code here */} );

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

31. JavaScript library specialized for complex interactivity and rich visual effects
jQuery
production
dot
code block

32. This kind of file builds the structure of the web page
html
dollar sign
$
$("#c").attr("checked", "checked");

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

34. Check an input
$( )
$('.myCssClass')
$("#c").attr("checked", "checked");
JavaScript

35. The ______ is the main window of the browser.
dollar sign
Write Less
*
viewport

36. A CSS setting that makes sure an element won't show when the page loads: display:______;
$( )
method
none
<script></script>

37. Each part of the DOM is called a ________.
$
node
CSS
$('#myDivId')

38. Select an item using class

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

39. Root of an html document
$("#myselect option:selected").text();
$("img#dog").fadeIn(3000);
if ( $('#myDiv').length )
html

40. A(n) ___ _____ is used to identify a single unique element on a page.
+
id selector
var isVisible = $('#myDiv').is(':visible');
CSS

41. Name of the symbol used for the jQuery shortcut
dollar sign
DOM (Document Object Model)
dot
code block

42. Name of the character used to separate a jQuery selector from a jQuery method
dot
$("#x").attr("disabled","disabled");
concatenation
Write Less

43. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
http://www.jquery.com
$("h1").hide();
slideUp
John Resig

44. jQuery is written in _____________
$("#c").attr("checked","");
HTML string
JavaScript
node

45. Test whether an element has a particular class
if ( $(this).hasClass("protected")
var myValue = $('#myDivId').val();
descendent selector
var isVisible = $('#myDiv').is(':visible');

46. The JavaScript ______ translates directions you give it into different actions on the web page
$('.myCssClass')
interpreter
if ( $('#myDiv').is('.pretty') )
jQuery

47. Enable an element
$(document).ready( function( ) {/* your code here */} );
transparent
$("#x").removeAttr("disabled");
$("#myselect option:selected").text();

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

49. The semicolon following a jQuery statement is known as a ___________
HTML string
method
terminator
production

50. Two versions of jQuery available for download: production & ________
developer
if ( $(this).hasClass("protected")
Write Less
if ( $('#myDiv').is('.pretty') )