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. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
$('.myCssClass')
DOM (Document Object Model)
developer
slideDown

2. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
John Resig
<script></script>
$("#x").removeAttr("disabled");
method

3. The _____ method changes the height property of an element until it is zero and then hides the element.
$("img#dog").fadeIn(3000);
slideUp
$('#myDivId').val("hello world");
code block

4. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
id selector
HTML string
dollar sign
transparent

5. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
var myDivElement = $('#myDivId');
HTML string
+
$("img#dog").fadeIn(3000);

6. Another word for invisible
HTML string
*
transparent
developer

7. jQuery selects elements the same way ____ does
semicolon
$(document).ready( function( ) {/* your code here */} );
CSS
<script></script>

8. jQuery is written in _____________
slideToggle
$("#c").attr("checked", "checked");
browser
JavaScript

9. Use a _____ to test that your jQuery scripts are working.
browser
Write Less
$("#x").attr("disabled","disabled");
var myDivElement = $('#myDivId');

10. Uncheck an input
transparent
$(document).ready( function( ) {/* your code here */} );
$("#c").attr("checked","");
method

11. A(n) ___ _____ is used to identify a single unique element on a page.
interpreter
selector
id selector
*

12. Shortcut for typing: jQuery( )
$("#c").attr("checked", "checked");
John Resig
$( )
slideDown

13. A ______ is used by jQuery to locate and return an element from the web page
John Resig
opaque
selector
milliseconds

14. Name of the symbol used for the jQuery shortcut
dollar sign
http://www.jquery.com
JavaScript
1000

15. URL for obtaining jQuery
slideUp
interpreter
var isHidden = $('#myDiv').is(':hidden');
http://www.jquery.com

16. The semicolon following a jQuery statement is known as a ___________
var myValue = $('#myDivId').val();
node
terminator
$('#myDivId')

17. Two versions of jQuery available for download: production & ________
viewport
id selector
developer
descendent selector

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

19. jQuery motto: _____. Do More.
$("#some\.id") instead of $("#some.id")
dot
Write Less
$("#c").attr("checked", "checked");

20. The _______ version of jQuery is minified
$
production
$( )
$("#x").attr("disabled","disabled");

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

22. A CSS setting that makes sure an element won't show when the page loads: display:______;
node
milliseconds
code block
none

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

24. The original creator of the jQuery library
John Resig
none
$( )
$

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

26. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
DOM (Document Object Model)
code block
$("h1").hide();
slideDown

27. Disable an element
viewport
$("#x").attr("disabled","disabled");
var isVisible = $('#myDiv').is(':visible');
node

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

29. Wildcard selector in jQuery (selects all elements)
Write Less
interpreter
CSS
*

30. Select an element that has special CSS characters in its ID like '.'
class selector
$("#some\.id") instead of $("#some.id")
$("<selector>").<method>;
interpreter

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

32. Test whether an element has a particular class
dollar sign
if ( $(this).hasClass("protected")
$("#myselect option:selected").text();
1000

33. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
$("<selector>").<method>;
$
$("#c").attr("checked","");
$(document).ready( function( ) {/* your code here */} );

34. Check an input
$("#c").attr("checked", "checked");
$("#myselect option:selected").text();
$("#c").attr("checked","");
slideUp

35. Allows you to select a grouping of elements
CSS
dot
$("#c").attr("checked","");
class selector

36. JavaScript library specialized for complex interactivity and rich visual effects
milliseconds
jQuery
id selector
dot

37. This kind of file builds the structure of the web page
var isHidden = $('#myDiv').is(':hidden');
html
if ( $(this).hasClass("protected")
selector

38. Select an item using class

Warning: Invalid argument supplied for foreach() in /var/www/html/basicversity.com/show_quiz.php on line 183

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
$
jQuery
descendent selector
$("h1").hide();

40. Enable an element
$("#some\.id") instead of $("#some.id")
concatenation
$("#x").removeAttr("disabled");
descendent selector

41. Name of the character used to separate a jQuery selector from a jQuery method
Write Less
slideUp
$
dot

42. Each part of the DOM is called a ________.
CSS
none
concatenation
node

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

44. Basic jQuery syntax (using shortcut)
DOM (Document Object Model)
1000
$('.myCssClass')
$("<selector>").<method>;

45. The process of adding or 'gluing' various kinds of data together often in a message
dot
html
if ( $('#myDiv').length )
concatenation

46. The JavaScript ______ translates directions you give it into different actions on the web page
terminator
$("#some\.id") instead of $("#some.id")
production
interpreter

47. The ______ is the main window of the browser.
$("<selector>").<method>;
viewport
none
var myDivElement = $('#myDivId');

48. Root of an html document
if ( $(this).hasClass("protected")
$("#some\.id") instead of $("#some.id")
html
$("img#dog").fadeIn(3000);

49. Name of the symbol that ends a jQuery statement
John Resig
var myValue = $('#myDivId').val();
$(document).ready( function( ) {/* your code here */} );
semicolon

50. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
CSS
$("h1").hide();
$("#myselect option:selected").text();
JavaScript