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. This kind of file builds the structure of the web page
<script></script>
interpreter
$("img#dog").fadeIn(3000);
html

2. Name of the symbol used for the jQuery shortcut
descendent selector
$("#x").attr("disabled","disabled");
dollar sign
html

3. Unit of time measure in jQuery commands requiring a time value
milliseconds
dollar sign
if ( $('#myDiv').is('.pretty') )
terminator

4. Test whether an element has a particular class
dot
1000
if ( $(this).hasClass("protected")
$

5. jQuery motto: _____. Do More.
Write Less
var myValue = $('#myDivId').val();
opaque
var isVisible = $('#myDiv').is(':visible');

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

7. Allows you to select a grouping of elements
terminator
dot
class selector
$("#x").removeAttr("disabled");

8. Uncheck an input
$("#c").attr("checked","");
+
$("#x").attr("disabled","disabled");
$("img#dog").fadeIn(3000);

9. The _____ method changes the height property of an element until it is zero and then hides the element.
selector
none
slideUp
$("#myselect option:selected").text();

10. The ______ is the main window of the browser.
interpreter
$('.myCssClass')
$("#x").removeAttr("disabled");
viewport

11. 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);
$("#myselect option:selected").text();
slideDown
Write Less

12. JavaScript library specialized for complex interactivity and rich visual effects
$('#myDivId').val("hello world");
method
jQuery
code block

13. Select an item using class

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

14. Each part of the DOM is called a ________.
dollar sign
node
JavaScript
var isVisible = $('#myDiv').is(':visible');

15. Enable an element
$("#x").removeAttr("disabled");
var myValue = $('#myDivId').val();
method
if not $('#myDiv').show();

16. Shortcut for typing: jQuery( )
none
browser
$( )
1000

17. jQuery selects elements the same way ____ does
$
John Resig
id selector
CSS

18. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
$("h1").hide();
John Resig
transparent
$('#myDivId').val("hello world");

19. Another word for invisible
$("#some\.id") instead of $("#some.id")
opaque
transparent
production

20. 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 */} );
$
<script></script>
$("#some\.id") instead of $("#some.id")

21. The _______ version of jQuery is minified
$(document).ready( function( ) {/* your code here */} );
production
html
if ( $('#myDiv').length )

22. The process of adding or 'gluing' various kinds of data together often in a message
concatenation
$("img#dog").fadeIn(3000);
transparent
$("#x").removeAttr("disabled");

23. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
id selector
DOM (Document Object Model)
var myDivElement = $('#myDivId');
concatenation

24. Select an element that has special CSS characters in its ID like '.'
$( )
$("#some\.id") instead of $("#some.id")
node
developer

25. Disable an element
var myValue = $('#myDivId').val();
dollar sign
slideToggle
$("#x").attr("disabled","disabled");

26. URL for obtaining jQuery
transparent
<script></script>
$("h1").hide();
http://www.jquery.com

27. Stuff between { } is often called a ______
id selector
John Resig
transparent
code block

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

29. Number of milliseconds in a second
$("#x").attr("disabled","disabled");
dot
1000
$("h1").hide();

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

31. jQuery is written in _____________
CSS
var myValue = $('#myDivId').val();
if not $('#myDiv').show();
JavaScript

32. A CSS setting that makes sure an element won't show when the page loads: display:______;
none
dot
$('#myDivId').val("hello world");
slideDown

33. Two versions of jQuery available for download: production & ________
+
$("#x").removeAttr("disabled");
developer
opaque

34. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
slideDown
$("#some\.id") instead of $("#some.id")
var isHidden = $('#myDiv').is(':hidden');
if ( $('#myDiv').is('.pretty') )

35. Name of the character used to separate a jQuery selector from a jQuery method
dot
viewport
milliseconds
var myValue = $('#myDivId').val();

36. Root of an html document
$("#c").attr("checked", "checked");
none
dot
html

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

38. Concatenation symbol in JavaScript
+
$("#c").attr("checked", "checked");
interpreter
terminator

39. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
interpreter
HTML string
viewport
if ( $('#myDiv').is('.pretty') )

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

41. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
method
$
dot
$("#c").attr("checked","");

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

43. Name of the symbol that ends a jQuery statement
*
semicolon
slideToggle
$('#myDivId').val("hello world");

44. Basic jQuery syntax (using shortcut)
$("img#dog").fadeIn(3000);
$("<selector>").<method>;
if ( $('#myDiv').is('.pretty') )
$("#myselect option:selected").text();

45. Check an input
$("#x").removeAttr("disabled");
+
var isVisible = $('#myDiv').is(':visible');
$("#c").attr("checked", "checked");

46. The semicolon following a jQuery statement is known as a ___________
semicolon
$("img#dog").fadeIn(3000);
terminator
slideUp

47. A(n) ___ _____ is used to identify a single unique element on a page.
html
slideToggle
id selector
code block

48. HTML tag pair that delimits a jQuery code block
$("#x").attr("disabled","disabled");
<script></script>
dot
viewport

49. 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
$('#myDivId').val("hello world");
if ( $('#myDiv').length )
semicolon

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