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. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
$("#x").removeAttr("disabled");
class selector
$("img#dog").fadeIn(3000);
$("#myselect option:selected").text();

2. Test whether an element has a particular class
if ( $(this).hasClass("protected")
DOM (Document Object Model)
production
node

3. Concatenation symbol in JavaScript
<script></script>
+
interpreter
node

4. jQuery is written in _____________
http://www.jquery.com
+
if ( $('#myDiv').is('.pretty') )
JavaScript

5. Each part of the DOM is called a ________.
transparent
node
Write Less
$("#c").attr("checked","");

6. Wildcard selector in jQuery (selects all elements)
code block
var myDivElement = $('#myDivId');
*
slideToggle

7. URL for obtaining jQuery
http://www.jquery.com
class selector
*
node

8. Name of the character used to separate a jQuery selector from a jQuery method
JavaScript
1000
selector
dot

9. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
dot
$(document).ready( function( ) {/* your code here */} );
method
$("#myselect option:selected").text();

10. jQuery selects elements the same way ____ does
CSS
$("#some\.id") instead of $("#some.id")
interpreter
milliseconds

11. Name of the symbol used for the jQuery shortcut
John Resig
$('#myDivId')
selector
dollar sign

12. The _______ version of jQuery is minified
var myDivElement = $('#myDivId');
$("#c").attr("checked", "checked");
production
HTML string

13. The semicolon following a jQuery statement is known as a ___________
dollar sign
id selector
terminator
Write Less

14. Name of the symbol that ends a jQuery statement
var isVisible = $('#myDiv').is(':visible');
$("#myselect option:selected").text();
semicolon
descendent selector

15. Basic jQuery syntax (using shortcut)
$('#myDivId').val("hello world");
selector
$("<selector>").<method>;
http://www.jquery.com

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

17. 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
dot
method
if ( $(this).hasClass("protected")

18. The _____ method changes the height property of an element until it is zero and then hides the element.
semicolon
html
if not $('#myDiv').show();
slideUp

19. JavaScript library specialized for complex interactivity and rich visual effects
jQuery
id selector
milliseconds
<script></script>

20. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
slideDown
concatenation
dot
dot

21. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
if ( $('#myDiv').length )
$
jQuery
HTML string

22. This kind of file builds the structure of the web page
JavaScript
$("#myselect option:selected").text();
$('#myDivId').val("hello world");
html

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

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

25. A ______ is used by jQuery to locate and return an element from the web page
Write Less
<script></script>
var myValue = $('#myDivId').val();
selector

26. Get the text value of a selected option
http://www.jquery.com
$("#myselect option:selected").text();
if ( $('#myDiv').length )
if ( $(this).hasClass("protected")

27. Select an item using class

28. The ______ is the main window of the browser.
browser
CSS
viewport
var isHidden = $('#myDiv').is(':hidden');

29. Enable an element
production
viewport
milliseconds
$("#x").removeAttr("disabled");

30. The process of adding or 'gluing' various kinds of data together often in a message
browser
dot
terminator
concatenation

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

32. Root of an html document
jQuery
production
html
$

33. Another word for visible
opaque
browser
method
node

34. The ______ method says 'If it's up slide it down; if it's down slide it up.'
*
none
slideToggle
JavaScript

35. Stuff between { } is often called a ______
code block
selector
html
$("#c").attr("checked", "checked");

36. Use a _____ to test that your jQuery scripts are working.
Write Less
browser
code block
var myValue = $('#myDivId').val();

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

38. Disable an element
opaque
$("#x").attr("disabled","disabled");
$("#x").removeAttr("disabled");
none

39. Two versions of jQuery available for download: production & ________
concatenation
$("#some\.id") instead of $("#some.id")
developer
semicolon

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

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

42. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
$("h1").hide();
browser
John Resig
semicolon

43. A(n) ___ _____ is used to identify a single unique element on a page.
node
semicolon
method
id selector

44. Check an input
selector
John Resig
if not $('#myDiv').show();
$("#c").attr("checked", "checked");

45. The original creator of the jQuery library
$(document).ready( function( ) {/* your code here */} );
concatenation
selector
John Resig

46. HTML tag pair that delimits a jQuery code block
1000
<script></script>
browser
$( )

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

48. Another word for invisible
*
$('#myDivId')
code block
transparent

49. A CSS setting that makes sure an element won't show when the page loads: display:______;
selector
$('.myCssClass')
none
1000

50. Shortcut for typing: jQuery( )
$("#x").removeAttr("disabled");
var myValue = $('#myDivId').val();
$( )
if ( $('#myDiv').length )