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. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
slideDown
Write Less
JavaScript
viewport

2. jQuery selects elements the same way ____ does
jQuery
$('#myDivId')
CSS
slideDown

3. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
DOM (Document Object Model)
descendent selector
+
developer

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

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

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

7. The _______ version of jQuery is minified
code block
milliseconds
$( )
production

8. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
code block
$("img#dog").fadeIn(3000);
method
$("#x").removeAttr("disabled");

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

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

11. The original creator of the jQuery library
if not $('#myDiv').show();
http://www.jquery.com
developer
John Resig

12. Select an item using class

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

13. The ______ is the main window of the browser.
if ( $('#myDiv').length )
$('#myDivId').val("hello world");
viewport
dot

14. jQuery motto: _____. Do More.
$("img#dog").fadeIn(3000);
code block
Write Less
$(document).ready( function( ) {/* your code here */} );

15. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
$("img#dog").fadeIn(3000);
if ( $('#myDiv').length )
HTML string
var isHidden = $('#myDiv').is(':hidden');

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

17. Test whether an element has a particular class
if ( $(this).hasClass("protected")
$('.myCssClass')
John Resig
CSS

18. Allows you to select a grouping of elements
var myDivElement = $('#myDivId');
class selector
dot
if ( $('#myDiv').is('.pretty') )

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

20. A ______ is used by jQuery to locate and return an element from the web page
$('#myDivId')
JavaScript
selector
if ( $('#myDiv').is('.pretty') )

21. Name of the character used to separate a jQuery selector from a jQuery method
dot
browser
$("#myselect option:selected").text();
none

22. Each part of the DOM is called a ________.
DOM (Document Object Model)
node
var isHidden = $('#myDiv').is(':hidden');
browser

23. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
<script></script>
Write Less
var myValue = $('#myDivId').val();
$("h1").hide();

24. Stuff between { } is often called a ______
if ( $('#myDiv').length )
jQuery
John Resig
code block

25. The process of adding or 'gluing' various kinds of data together often in a message
concatenation
browser
var myDivElement = $('#myDivId');
http://www.jquery.com

26. JavaScript library specialized for complex interactivity and rich visual effects
John Resig
jQuery
dot
var isVisible = $('#myDiv').is(':visible');

27. Another word for invisible
transparent
$("h1").hide();
if ( $(this).hasClass("protected")
if not $('#myDiv').show();

28. Name of the symbol that ends a jQuery statement
http://www.jquery.com
semicolon
if ( $('#myDiv').is('.pretty') )
selector

29. Select an element that has special CSS characters in its ID like '.'
jQuery
$(document).ready( function( ) {/* your code here */} );
$("#some\.id") instead of $("#some.id")
<script></script>

30. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
$(document).ready( function( ) {/* your code here */} );
*
if ( $('#myDiv').length )
<script></script>

31. Both CSS and jQuery use the ____ symbol to specify a class.
dot
<script></script>
+
$('.myCssClass')

32. Unit of time measure in jQuery commands requiring a time value
dot
milliseconds
JavaScript
html

33. The semicolon following a jQuery statement is known as a ___________
terminator
$("h1").hide();
class selector
opaque

34. Check an input
$("#c").attr("checked", "checked");
node
var myDivElement = $('#myDivId');
html

35. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
$('#myDivId').val("hello world");
class selector
viewport
DOM (Document Object Model)

36. jQuery is written in _____________
$('#myDivId')
slideToggle
JavaScript
$("#c").attr("checked","");

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

38. Enable an element
$("#x").removeAttr("disabled");
http://www.jquery.com
+
dot

39. HTML tag pair that delimits a jQuery code block
<script></script>
http://www.jquery.com
HTML string
slideUp

40. Name of the symbol used for the jQuery shortcut
dollar sign
if ( $('#myDiv').length )
$("#c").attr("checked", "checked");
node

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

42. Wildcard selector in jQuery (selects all elements)
1000
node
dollar sign
*

43. The _____ method changes the height property of an element until it is zero and then hides the element.
node
slideUp
production
dot

44. This kind of file builds the structure of the web page
html
$("#myselect option:selected").text();
if not $('#myDiv').show();
$( )

45. The JavaScript ______ translates directions you give it into different actions on the web page
dot
if ( $('#myDiv').length )
interpreter
slideUp

46. Get the text value of a selected option
interpreter
$("#myselect option:selected").text();
html
class selector

47. Root of an html document
dot
slideToggle
concatenation
html

48. Disable an element
milliseconds
HTML string
$('.myCssClass')
$("#x").attr("disabled","disabled");

49. Uncheck an input
browser
$("#c").attr("checked","");
milliseconds
var isHidden = $('#myDiv').is(':hidden');

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