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. Number of milliseconds in a second
$(document).ready( function( ) {/* your code here */} );
selector
code block
1000

2. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
http://www.jquery.com
$(document).ready( function( ) {/* your code here */} );
developer
viewport

3. Get the text value of a selected option
viewport
$("#x").removeAttr("disabled");
if ( $(this).hasClass("protected")
$("#myselect option:selected").text();

4. Stuff between { } is often called a ______
$("<selector>").<method>;
code block
JavaScript
dot

5. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
$("img#dog").fadeIn(3000);
var isHidden = $('#myDiv').is(':hidden');
selector
$("h1").hide();

6. jQuery is written in _____________
JavaScript
$('#myDivId').val("hello world");
production
$('#myDivId')

7. The process of adding or 'gluing' various kinds of data together often in a message
Write Less
concatenation
semicolon
jQuery

8. A CSS setting that makes sure an element won't show when the page loads: display:______;
$( )
dollar sign
opaque
none

9. Shortcut for typing: jQuery( )
HTML string
transparent
$( )
slideDown

10. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
$('#myDivId')
if not $('#myDiv').show();
descendent selector
code block

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

12. Name of the character used to separate a jQuery selector from a jQuery method
$("#x").removeAttr("disabled");
dot
if ( $('#myDiv').is('.pretty') )
HTML string

13. The semicolon following a jQuery statement is known as a ___________
$("#x").attr("disabled","disabled");
$("#c").attr("checked", "checked");
var myValue = $('#myDivId').val();
terminator

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

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

16. A ______ is used by jQuery to locate and return an element from the web page
selector
slideUp
$("<selector>").<method>;
jQuery

17. The _____ method changes the height property of an element until it is zero and then hides the element.
method
Write Less
+
slideUp

18. Test whether an element has a particular class
if ( $(this).hasClass("protected")
semicolon
http://www.jquery.com
selector

19. The _______ version of jQuery is minified
production
selector
dollar sign
html

20. Each part of the DOM is called a ________.
node
selector
terminator
$("<selector>").<method>;

21. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
$('#myDivId')
slideDown
+
method

22. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
1000
slideDown
DOM (Document Object Model)
$

23. Check an input
$("#myselect option:selected").text();
*
$("#c").attr("checked", "checked");
transparent

24. Unit of time measure in jQuery commands requiring a time value
$(document).ready( function( ) {/* your code here */} );
semicolon
var isHidden = $('#myDiv').is(':hidden');
milliseconds

25. The original creator of the jQuery library
John Resig
id selector
html
opaque

26. Wildcard selector in jQuery (selects all elements)
concatenation
browser
if ( $('#myDiv').length )
*

27. The JavaScript ______ translates directions you give it into different actions on the web page
if ( $('#myDiv').length )
var isVisible = $('#myDiv').is(':visible');
milliseconds
interpreter

28. Name of the symbol that ends a jQuery statement
semicolon
dot
interpreter
viewport

29. Enable an element
$("#x").attr("disabled","disabled");
if ( $('#myDiv').is('.pretty') )
$("img#dog").fadeIn(3000);
$("#x").removeAttr("disabled");

30. Name of the symbol used for the jQuery shortcut
dollar sign
code block
var isHidden = $('#myDiv').is(':hidden');
*

31. Another word for visible
$(document).ready( function( ) {/* your code here */} );
HTML string
opaque
JavaScript

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

33. Another word for invisible
slideUp
John Resig
$("#c").attr("checked","");
transparent

34. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
var isHidden = $('#myDiv').is(':hidden');
DOM (Document Object Model)
milliseconds
concatenation

35. JavaScript library specialized for complex interactivity and rich visual effects
$(document).ready( function( ) {/* your code here */} );
John Resig
terminator
jQuery

36. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
$
$( )
Write Less
dot

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

38. Basic jQuery syntax (using shortcut)
$("img#dog").fadeIn(3000);
$("<selector>").<method>;
HTML string
semicolon

39. Use a _____ to test that your jQuery scripts are working.
browser
terminator
transparent
selector

40. This kind of file builds the structure of the web page
semicolon
html
if ( $('#myDiv').is('.pretty') )
Write Less

41. Root of an html document
if ( $('#myDiv').is('.pretty') )
slideUp
terminator
html

42. jQuery motto: _____. Do More.
Write Less
JavaScript
interpreter
HTML string

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

44. URL for obtaining jQuery
none
http://www.jquery.com
$
transparent

45. The ______ is the main window of the browser.
viewport
if ( $(this).hasClass("protected")
if ( $('#myDiv').length )
method

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

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

48. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
slideUp
CSS
$("h1").hide();
milliseconds

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

50. Concatenation symbol in JavaScript
slideDown
Write Less
+
$("#x").removeAttr("disabled");