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 original creator of the jQuery library
John Resig
milliseconds
method
dot

2. Another word for visible
if ( $('#myDiv').is('.pretty') )
opaque
HTML string
html

3. The process of adding or 'gluing' various kinds of data together often in a message
html
transparent
concatenation
selector

4. Select an element that has special CSS characters in its ID like '.'
$("#some\.id") instead of $("#some.id")
concatenation
html
method

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

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

7. A CSS setting that makes sure an element won't show when the page loads: display:______;
none
viewport
id selector
if ( $('#myDiv').is('.pretty') )

8. jQuery is written in _____________
+
$('#myDivId')
JavaScript
$

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

10. Concatenation symbol in JavaScript
+
browser
html
CSS

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

12. Test whether an element has a particular class
$("#x").attr("disabled","disabled");
var myDivElement = $('#myDivId');
if ( $(this).hasClass("protected")
terminator

13. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
$
$('#myDivId').val("hello world");
$("#c").attr("checked", "checked");
+

14. Use a _____ to test that your jQuery scripts are working.
CSS
var myDivElement = $('#myDivId');
dot
browser

15. The semicolon following a jQuery statement is known as a ___________
code block
transparent
$("#x").attr("disabled","disabled");
terminator

16. Basic jQuery syntax (using shortcut)
$("#myselect option:selected").text();
$("<selector>").<method>;
http://www.jquery.com
code block

17. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
node
var isVisible = $('#myDiv').is(':visible');
method
slideToggle

18. Allows you to select a grouping of elements
$("<selector>").<method>;
$("#x").attr("disabled","disabled");
class selector
concatenation

19. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
DOM (Document Object Model)
Write Less
slideUp
1000

20. Unit of time measure in jQuery commands requiring a time value
milliseconds
JavaScript
id selector
Write Less

21. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
viewport
none
HTML string
$('.myCssClass')

22. A(n) ___ _____ is used to identify a single unique element on a page.
concatenation
id selector
<script></script>
viewport

23. The _______ version of jQuery is minified
$("#x").removeAttr("disabled");
method
$("#c").attr("checked","");
production

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

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

26. Root of an html document
class selector
html
$("h1").hide();
selector

27. URL for obtaining jQuery
$("#c").attr("checked","");
jQuery
http://www.jquery.com
John Resig

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

29. The ______ method says 'If it's up slide it down; if it's down slide it up.'
production
slideToggle
1000
if not $('#myDiv').show();

30. The ______ is the main window of the browser.
semicolon
milliseconds
viewport
selector

31. Another word for invisible
$
CSS
transparent
dot

32. Name of the symbol used for the jQuery shortcut
if ( $(this).hasClass("protected")
method
semicolon
dollar sign

33. Shortcut for typing: jQuery( )
node
developer
*
$( )

34. The JavaScript ______ translates directions you give it into different actions on the web page
$( )
$("img#dog").fadeIn(3000);
interpreter
milliseconds

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

36. jQuery selects elements the same way ____ does
var myDivElement = $('#myDivId');
browser
CSS
opaque

37. Uncheck an input
$("#c").attr("checked","");
concatenation
browser
production

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

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

40. Disable an element
$(document).ready( function( ) {/* your code here */} );
$("#x").attr("disabled","disabled");
John Resig
<script></script>

41. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
$("#c").attr("checked","");
slideDown
production
html

42. Two versions of jQuery available for download: production & ________
developer
$("#c").attr("checked","");
node
slideDown

43. Select an item using class

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

44. HTML tag pair that delimits a jQuery code block
if ( $('#myDiv').length )
<script></script>
code block
$('#myDivId').val("hello world");

45. A ______ is used by jQuery to locate and return an element from the web page
dollar sign
selector
if ( $(this).hasClass("protected")
production

46. Wildcard selector in jQuery (selects all elements)
$("img#dog").fadeIn(3000);
viewport
*
none

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

48. Get the text value of a selected option
$("#myselect option:selected").text();
if ( $('#myDiv').length )
John Resig
JavaScript

49. Each part of the DOM is called a ________.
if not $('#myDiv').show();
$("<selector>").<method>;
$("#c").attr("checked","");
node

50. This kind of file builds the structure of the web page
selector
html
dollar sign
production