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. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
$("#some\.id") instead of $("#some.id")
+
descendent selector
dollar sign

2. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
JavaScript
$
var isHidden = $('#myDiv').is(':hidden');
dollar sign

3. The original creator of the jQuery library
$('.myCssClass')
1000
John Resig
$( )

4. Root of an html document
$("#c").attr("checked","");
$(document).ready( function( ) {/* your code here */} );
html
dot

5. Test whether an element has a particular class
if not $('#myDiv').show();
if ( $(this).hasClass("protected")
none
1000

6. Each part of the DOM is called a ________.
node
$('.myCssClass')
$(document).ready( function( ) {/* your code here */} );
id selector

7. Check an input
$("#c").attr("checked", "checked");
class selector
terminator
none

8. Another word for visible
$(document).ready( function( ) {/* your code here */} );
opaque
$("h1").hide();
milliseconds

9. A(n) ___ _____ is used to identify a single unique element on a page.
id selector
if ( $('#myDiv').length )
$("#x").removeAttr("disabled");
slideUp

10. Allows you to select a grouping of elements
HTML string
$("#c").attr("checked","");
class selector
slideDown

11. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
$('#myDivId')
transparent
DOM (Document Object Model)
slideToggle

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

13. HTML tag pair that delimits a jQuery code block
<script></script>
if ( $('#myDiv').is('.pretty') )
$("#myselect option:selected").text();
*

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

15. Stuff between { } is often called a ______
$("<selector>").<method>;
code block
$(document).ready( function( ) {/* your code here */} );
id selector

16. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
$( )
<script></script>
$("#some\.id") instead of $("#some.id")
$("img#dog").fadeIn(3000);

17. Both CSS and jQuery use the ____ symbol to specify a class.
$("#myselect option:selected").text();
html
dot
$("h1").hide();

18. Select an item using class

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

19. Wildcard selector in jQuery (selects all elements)
$("<selector>").<method>;
slideToggle
*
class selector

20. jQuery motto: _____. Do More.
Write Less
dollar sign
http://www.jquery.com
jQuery

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

22. Name of the symbol used for the jQuery shortcut
dollar sign
$("#myselect option:selected").text();
HTML string
$("h1").hide();

23. The semicolon following a jQuery statement is known as a ___________
if ( $('#myDiv').length )
$("<selector>").<method>;
terminator
milliseconds

24. The process of adding or 'gluing' various kinds of data together often in a message
$("#c").attr("checked","");
$
concatenation
$('#myDivId')

25. jQuery selects elements the same way ____ does
CSS
HTML string
var isHidden = $('#myDiv').is(':hidden');
John Resig

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

27. A CSS setting that makes sure an element won't show when the page loads: display:______;
none
JavaScript
$('#myDivId').val("hello world");
if not $('#myDiv').show();

28. The JavaScript ______ translates directions you give it into different actions on the web page
if ( $(this).hasClass("protected")
Write Less
1000
interpreter

29. JavaScript library specialized for complex interactivity and rich visual effects
jQuery
none
viewport
browser

30. Concatenation symbol in JavaScript
+
$("h1").hide();
JavaScript
slideUp

31. Unit of time measure in jQuery commands requiring a time value
dot
slideToggle
http://www.jquery.com
milliseconds

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

33. The ______ method says 'If it's up slide it down; if it's down slide it up.'
JavaScript
$('#myDivId')
slideToggle
jQuery

34. Another word for invisible
transparent
$('.myCssClass')
dot
interpreter

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

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

37. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
JavaScript
slideToggle
slideUp
HTML string

38. Select an element that has special CSS characters in its ID like '.'
$("#some\.id") instead of $("#some.id")
milliseconds
slideDown
terminator

39. The _______ version of jQuery is minified
+
$('.myCssClass')
production
John Resig

40. Use a _____ to test that your jQuery scripts are working.
interpreter
browser
if ( $('#myDiv').is('.pretty') )
<script></script>

41. jQuery is written in _____________
class selector
JavaScript
$("img#dog").fadeIn(3000);
$('#myDivId')

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

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

44. Enable an element
var isVisible = $('#myDiv').is(':visible');
HTML string
dot
$("#x").removeAttr("disabled");

45. The _____ method changes the height property of an element until it is zero and then hides the element.
slideUp
DOM (Document Object Model)
John Resig
$("<selector>").<method>;

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

47. The ______ is the main window of the browser.
method
viewport
$('.myCssClass')
browser

48. This kind of file builds the structure of the web page
$('#myDivId').val("hello world");
html
$("img#dog").fadeIn(3000);
dot

49. Shortcut for typing: jQuery( )
if not $('#myDiv').show();
$( )
jQuery
dot

50. Get the text value of a selected option
$("#myselect option:selected").text();
$("#x").attr("disabled","disabled");
developer
$("<selector>").<method>;