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. Number of milliseconds in a second
$
$("#x").attr("disabled","disabled");
1000
method

2. Select an item using class

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

3. Concatenation symbol in JavaScript
slideToggle
dollar sign
developer
+

4. Allows you to select a grouping of elements
class selector
node
<script></script>
interpreter

5. The _______ version of jQuery is minified
$('.myCssClass')
production
*
dot

6. URL for obtaining jQuery
semicolon
http://www.jquery.com
none
html

7. Select an element that has special CSS characters in its ID like '.'
$("#some\.id") instead of $("#some.id")
$
<script></script>
CSS

8. Test whether an element has a particular class
$("h1").hide();
node
if ( $(this).hasClass("protected")
production

9. The semicolon following a jQuery statement is known as a ___________
terminator
JavaScript
$("#x").attr("disabled","disabled");
$("h1").hide();

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

11. The _____ method changes the height property of an element until it is zero and then hides the element.
terminator
$("#myselect option:selected").text();
slideUp
$('#myDivId').val("hello world");

12. Both CSS and jQuery use the ____ symbol to specify a class.
terminator
$("#x").attr("disabled","disabled");
dot
$

13. jQuery selects elements the same way ____ does
CSS
*
method
if ( $('#myDiv').is('.pretty') )

14. A CSS setting that makes sure an element won't show when the page loads: display:______;
$( )
html
dollar sign
none

15. The JavaScript ______ translates directions you give it into different actions on the web page
$('.myCssClass')
$("<selector>").<method>;
interpreter
<script></script>

16. Uncheck an input
production
$("#c").attr("checked","");
semicolon
interpreter

17. Basic jQuery syntax (using shortcut)
viewport
*
none
$("<selector>").<method>;

18. JavaScript library specialized for complex interactivity and rich visual effects
browser
opaque
1000
jQuery

19. Root of an html document
milliseconds
$( )
html
none

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

21. jQuery is written in _____________
browser
code block
JavaScript
*

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

23. Unit of time measure in jQuery commands requiring a time value
$("<selector>").<method>;
var isHidden = $('#myDiv').is(':hidden');
milliseconds
$(document).ready( function( ) {/* your code here */} );

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

25. Wildcard selector in jQuery (selects all elements)
*
Write Less
if not $('#myDiv').show();
$('#myDivId')

26. The ______ method says 'If it's up slide it down; if it's down slide it up.'
html
slideToggle
$("#some\.id") instead of $("#some.id")
slideDown

27. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
if ( $('#myDiv').is('.pretty') )
*
slideDown
1000

28. Name of the character used to separate a jQuery selector from a jQuery method
class selector
http://www.jquery.com
dot
if ( $(this).hasClass("protected")

29. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
semicolon
$("#x").removeAttr("disabled");
node
$("img#dog").fadeIn(3000);

30. Name of the symbol used for the jQuery shortcut
if ( $(this).hasClass("protected")
dollar sign
viewport
none

31. Enable an element
$("#x").removeAttr("disabled");
$("#x").attr("disabled","disabled");
descendent selector
if ( $(this).hasClass("protected")

32. Name of the symbol that ends a jQuery statement
if ( $('#myDiv').is('.pretty') )
semicolon
code block
browser

33. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
transparent
method
http://www.jquery.com
var myValue = $('#myDivId').val();

34. A(n) ___ _____ is used to identify a single unique element on a page.
$("#myselect option:selected").text();
id selector
node
milliseconds

35. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
$("#myselect option:selected").text();
$("h1").hide();
+
code block

36. The ______ is the main window of the browser.
$(document).ready( function( ) {/* your code here */} );
concatenation
viewport
slideDown

37. Another word for visible
dollar sign
opaque
var myDivElement = $('#myDivId');
code block

38. Two versions of jQuery available for download: production & ________
var myValue = $('#myDivId').val();
developer
none
$("h1").hide();

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

40. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
opaque
descendent selector
terminator
if ( $('#myDiv').is('.pretty') )

41. Disable an element
$("#x").attr("disabled","disabled");
$('#myDivId').val("hello world");
JavaScript
CSS

42. Stuff between { } is often called a ______
concatenation
dot
$("#some\.id") instead of $("#some.id")
code block

43. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
interpreter
$(document).ready( function( ) {/* your code here */} );
*
1000

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

45. The original creator of the jQuery library
John Resig
var isHidden = $('#myDiv').is(':hidden');
class selector
1000

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

47. Each part of the DOM is called a ________.
node
var isHidden = $('#myDiv').is(':hidden');
transparent
$("#x").removeAttr("disabled");

48. Another word for invisible
transparent
code block
production
jQuery

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

50. HTML tag pair that delimits a jQuery code block
$
Write Less
CSS
<script></script>