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. URL for obtaining jQuery
var myDivElement = $('#myDivId');
1000
http://www.jquery.com
transparent

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

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

4. Wildcard selector in jQuery (selects all elements)
if not $('#myDiv').show();
$('#myDivId').val("hello world");
if ( $('#myDiv').length )
*

5. Name of the character used to separate a jQuery selector from a jQuery method
$("#c").attr("checked","");
dot
opaque
$('#myDivId').val("hello world");

6. The ______ method says 'If it's up slide it down; if it's down slide it up.'
slideToggle
var myDivElement = $('#myDivId');
$("<selector>").<method>;
id selector

7. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
slideDown
slideToggle
transparent
$("h1").hide();

8. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
$("#c").attr("checked","");
method
slideUp
dot

9. The process of adding or 'gluing' various kinds of data together often in a message
node
concatenation
code block
class selector

10. The _____ method changes the height property of an element until it is zero and then hides the element.
$('#myDivId')
var isVisible = $('#myDiv').is(':visible');
slideUp
browser

11. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
$("h1").hide();
$('.myCssClass')
var myValue = $('#myDivId').val();
dot

12. This kind of file builds the structure of the web page
terminator
html
production
$("img#dog").fadeIn(3000);

13. Both CSS and jQuery use the ____ symbol to specify a class.
dot
interpreter
$( )
if ( $('#myDiv').is('.pretty') )

14. Another word for invisible
$('#myDivId')
$(document).ready( function( ) {/* your code here */} );
transparent
opaque

15. Number of milliseconds in a second
slideToggle
var isHidden = $('#myDiv').is(':hidden');
dollar sign
1000

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

17. Concatenation symbol in JavaScript
+
Write Less
semicolon
developer

18. Basic jQuery syntax (using shortcut)
transparent
$("<selector>").<method>;
selector
jQuery

19. JavaScript library specialized for complex interactivity and rich visual effects
opaque
slideToggle
jQuery
http://www.jquery.com

20. Uncheck an input
$("#some\.id") instead of $("#some.id")
John Resig
$("#c").attr("checked","");
var isHidden = $('#myDiv').is(':hidden');

21. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
dollar sign
HTML string
$("#some\.id") instead of $("#some.id")
$("#c").attr("checked", "checked");

22. Shortcut for typing: jQuery( )
$
$(document).ready( function( ) {/* your code here */} );
$( )
jQuery

23. A ______ is used by jQuery to locate and return an element from the web page
selector
var myDivElement = $('#myDivId');
John Resig
$

24. Unit of time measure in jQuery commands requiring a time value
dot
milliseconds
$("#x").attr("disabled","disabled");
opaque

25. Check an input
$("#c").attr("checked", "checked");
transparent
class selector
<script></script>

26. Get the text value of a selected option
$("#c").attr("checked", "checked");
$("#myselect option:selected").text();
$('.myCssClass')
selector

27. The JavaScript ______ translates directions you give it into different actions on the web page
code block
dollar sign
interpreter
class selector

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

29. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
opaque
transparent
$
<script></script>

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

31. Root of an html document
opaque
transparent
<script></script>
html

32. jQuery is written in _____________
jQuery
1000
JavaScript
if ( $(this).hasClass("protected")

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

34. Disable an element
id selector
$("#x").attr("disabled","disabled");
concatenation
class selector

35. The original creator of the jQuery library
slideUp
viewport
interpreter
John Resig

36. Name of the symbol used for the jQuery shortcut
$("#some\.id") instead of $("#some.id")
Write Less
CSS
dollar sign

37. Two versions of jQuery available for download: production & ________
none
CSS
if ( $(this).hasClass("protected")
developer

38. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
$("#x").removeAttr("disabled");
$("img#dog").fadeIn(3000);
$('#myDivId')
dot

39. jQuery motto: _____. Do More.
$
production
$("h1").hide();
Write Less

40. Stuff between { } is often called a ______
milliseconds
jQuery
code block
transparent

41. Use a _____ to test that your jQuery scripts are working.
browser
$('#myDivId').val("hello world");
$(document).ready( function( ) {/* your code here */} );
var isHidden = $('#myDiv').is(':hidden');

42. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
descendent selector
var isHidden = $('#myDiv').is(':hidden');
none
html

43. Select an element that has special CSS characters in its ID like '.'
$("#myselect option:selected").text();
*
$("#some\.id") instead of $("#some.id")
slideToggle

44. jQuery selects elements the same way ____ does
production
dollar sign
John Resig
CSS

45. 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)
slideToggle
id selector
var myDivElement = $('#myDivId');

46. A CSS setting that makes sure an element won't show when the page loads: display:______;
browser
$("#c").attr("checked","");
Write Less
none

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

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

49. Select an item using class

50. The semicolon following a jQuery statement is known as a ___________
descendent selector
terminator
Write Less
<script></script>