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

2. Select an item using class

3. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
$("#c").attr("checked","");
$('#myDivId').val("hello world");
html
DOM (Document Object Model)

4. The process of adding or 'gluing' various kinds of data together often in a message
semicolon
$(document).ready( function( ) {/* your code here */} );
concatenation
milliseconds

5. Number of milliseconds in a second
semicolon
JavaScript
<script></script>
1000

6. Root of an html document
$(document).ready( function( ) {/* your code here */} );
http://www.jquery.com
var isVisible = $('#myDiv').is(':visible');
html

7. A(n) ___ _____ is used to identify a single unique element on a page.
milliseconds
if ( $(this).hasClass("protected")
id selector
*

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

9. JavaScript library specialized for complex interactivity and rich visual effects
terminator
Write Less
jQuery
class selector

10. Name of the symbol that ends a jQuery statement
dot
*
$("img#dog").fadeIn(3000);
semicolon

11. Allows you to select a grouping of elements
$('#myDivId')
dot
<script></script>
class selector

12. Another word for invisible
html
slideUp
<script></script>
transparent

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

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

15. The ______ is the main window of the browser.
interpreter
browser
viewport
$("#x").attr("disabled","disabled");

16. Use a _____ to test that your jQuery scripts are working.
$("#c").attr("checked","");
Write Less
$("img#dog").fadeIn(3000);
browser

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

18. Uncheck an input
Write Less
HTML string
$("#c").attr("checked","");
dot

19. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
descendent selector
var myValue = $('#myDivId').val();
+
$("img#dog").fadeIn(3000);

20. Name of the symbol used for the jQuery shortcut
*
slideDown
dollar sign
viewport

21. Test whether an element has a particular class
var myDivElement = $('#myDivId');
if ( $(this).hasClass("protected")
slideDown
$

22. Stuff between { } is often called a ______
dollar sign
viewport
method
code block

23. The JavaScript ______ translates directions you give it into different actions on the web page
developer
interpreter
milliseconds
$( )

24. A CSS setting that makes sure an element won't show when the page loads: display:______;
html
$("h1").hide();
developer
none

25. Basic jQuery syntax (using shortcut)
interpreter
$("img#dog").fadeIn(3000);
*
$("<selector>").<method>;

26. jQuery motto: _____. Do More.
Write Less
milliseconds
var myDivElement = $('#myDivId');
semicolon

27. Two versions of jQuery available for download: production & ________
dot
jQuery
developer
$("#c").attr("checked", "checked");

28. Shortcut for typing: jQuery( )
id selector
concatenation
$( )
class selector

29. Wildcard selector in jQuery (selects all elements)
if ( $(this).hasClass("protected")
dollar sign
*
John Resig

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

31. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
slideToggle
$("h1").hide();
$
$("#x").attr("disabled","disabled");

32. Both CSS and jQuery use the ____ symbol to specify a class.
Write Less
opaque
semicolon
dot

33. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
Write Less
descendent selector
opaque
HTML string

34. Get the text value of a selected option
class selector
terminator
$("#myselect option:selected").text();
+

35. jQuery selects elements the same way ____ does
$('.myCssClass')
$(document).ready( function( ) {/* your code here */} );
method
CSS

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

37. The ______ method says 'If it's up slide it down; if it's down slide it up.'
if ( $('#myDiv').is('.pretty') )
slideToggle
$
transparent

38. HTML tag pair that delimits a jQuery code block
+
<script></script>
node
browser

39. Select an element that has special CSS characters in its ID like '.'
code block
$("#some\.id") instead of $("#some.id")
var isHidden = $('#myDiv').is(':hidden');
production

40. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
slideDown
transparent
descendent selector
developer

41. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
$('#myDivId')
method
$
$("<selector>").<method>;

42. The original creator of the jQuery library
John Resig
$("#some\.id") instead of $("#some.id")
milliseconds
html

43. Enable an element
$("#x").removeAttr("disabled");
CSS
html
slideDown

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

45. A ______ is used by jQuery to locate and return an element from the web page
$("#c").attr("checked", "checked");
class selector
slideDown
selector

46. Check an input
terminator
$("<selector>").<method>;
John Resig
$("#c").attr("checked", "checked");

47. The semicolon following a jQuery statement is known as a ___________
DOM (Document Object Model)
$("h1").hide();
terminator
selector

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

49. Each part of the DOM is called a ________.
selector
node
John Resig
$( )

50. jQuery is written in _____________
JavaScript
dollar sign
$("#x").attr("disabled","disabled");
*