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

2. URL for obtaining jQuery
$("#c").attr("checked", "checked");
dollar sign
http://www.jquery.com
if not $('#myDiv').show();

3. Check an input
DOM (Document Object Model)
interpreter
$("#c").attr("checked", "checked");
$('.myCssClass')

4. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
slideToggle
$("img#dog").fadeIn(3000);
$("#some\.id") instead of $("#some.id")
$(document).ready( function( ) {/* your code here */} );

5. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
slideDown
$('#myDivId').val("hello world");
$("#some\.id") instead of $("#some.id")
html

6. JavaScript library specialized for complex interactivity and rich visual effects
jQuery
$("#x").removeAttr("disabled");
slideDown
var myValue = $('#myDivId').val();

7. The ______ is the main window of the browser.
$('#myDivId')
if ( $(this).hasClass("protected")
viewport
terminator

8. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
$("h1").hide();
HTML string
$("#c").attr("checked","");
DOM (Document Object Model)

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

10. Enable an element
developer
slideDown
$("#x").removeAttr("disabled");
<script></script>

11. Get the text value of a selected option
var isVisible = $('#myDiv').is(':visible');
$("#myselect option:selected").text();
dollar sign
$

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

13. Concatenation symbol in JavaScript
interpreter
if not $('#myDiv').show();
+
milliseconds

14. jQuery motto: _____. Do More.
Write Less
$('#myDivId').val("hello world");
jQuery
html

15. Allows you to select a grouping of elements
class selector
var myDivElement = $('#myDivId');
$('#myDivId').val("hello world");
$( )

16. The original creator of the jQuery library
if ( $(this).hasClass("protected")
slideDown
John Resig
$("#some\.id") instead of $("#some.id")

17. Disable an element
descendent selector
slideToggle
$("#x").attr("disabled","disabled");
$("#myselect option:selected").text();

18. The process of adding or 'gluing' various kinds of data together often in a message
$("#some\.id") instead of $("#some.id")
concatenation
var isVisible = $('#myDiv').is(':visible');
1000

19. The semicolon following a jQuery statement is known as a ___________
if ( $('#myDiv').length )
$( )
terminator
slideDown

20. jQuery is written in _____________
+
CSS
DOM (Document Object Model)
JavaScript

21. Uncheck an input
jQuery
http://www.jquery.com
$("#c").attr("checked","");
<script></script>

22. Test whether an element has a particular class
if ( $(this).hasClass("protected")
html
if ( $('#myDiv').length )
milliseconds

23. Both CSS and jQuery use the ____ symbol to specify a class.
var myValue = $('#myDivId').val();
dot
$("#c").attr("checked", "checked");
Write Less

24. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
developer
method
code block
if ( $('#myDiv').length )

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

26. Stuff between { } is often called a ______
code block
$("#some\.id") instead of $("#some.id")
if ( $('#myDiv').length )
id selector

27. Another word for invisible
var myDivElement = $('#myDivId');
slideDown
$("#myselect option:selected").text();
transparent

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

29. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
slideUp
$
milliseconds
JavaScript

30. HTML tag pair that delimits a jQuery code block
<script></script>
+
if ( $(this).hasClass("protected")
$('#myDivId').val("hello world");

31. Select an item using class

32. The JavaScript ______ translates directions you give it into different actions on the web page
interpreter
$("#c").attr("checked", "checked");
dot
descendent selector

33. Select an element that has special CSS characters in its ID like '.'
$("#some\.id") instead of $("#some.id")
interpreter
HTML string
$(document).ready( function( ) {/* your code here */} );

34. Unit of time measure in jQuery commands requiring a time value
milliseconds
var myValue = $('#myDivId').val();
$("h1").hide();
http://www.jquery.com

35. jQuery selects elements the same way ____ does
id selector
CSS
opaque
descendent selector

36. The _____ method changes the height property of an element until it is zero and then hides the element.
html
$("img#dog").fadeIn(3000);
$('.myCssClass')
slideUp

37. Use a _____ to test that your jQuery scripts are working.
$("#c").attr("checked", "checked");
browser
concatenation
$("#x").removeAttr("disabled");

38. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
HTML string
jQuery
class selector
$("img#dog").fadeIn(3000);

39. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
developer
descendent selector
$('#myDivId').val("hello world");
method

40. Name of the symbol that ends a jQuery statement
semicolon
html
$("#c").attr("checked","");
dot

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

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

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

44. Name of the character used to separate a jQuery selector from a jQuery method
$("#x").removeAttr("disabled");
node
$("<selector>").<method>;
dot

45. The ______ method says 'If it's up slide it down; if it's down slide it up.'
if ( $('#myDiv').is('.pretty') )
production
$("#c").attr("checked", "checked");
slideToggle

46. Each part of the DOM is called a ________.
var myValue = $('#myDivId').val();
node
$("<selector>").<method>;
terminator

47. A ______ is used by jQuery to locate and return an element from the web page
if ( $(this).hasClass("protected")
production
selector
var myValue = $('#myDivId').val();

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

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

50. Wildcard selector in jQuery (selects all elements)
CSS
*
jQuery
http://www.jquery.com