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

2. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
DOM (Document Object Model)
interpreter
method
production

3. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
developer
var isHidden = $('#myDiv').is(':hidden');
node
slideDown

4. The original creator of the jQuery library
John Resig
var myValue = $('#myDivId').val();
HTML string
1000

5. The JavaScript ______ translates directions you give it into different actions on the web page
$("#some\.id") instead of $("#some.id")
browser
interpreter
$('#myDivId').val("hello world");

6. Concatenation symbol in JavaScript
CSS
Write Less
+
dollar sign

7. Both CSS and jQuery use the ____ symbol to specify a class.
dot
JavaScript
production
var myValue = $('#myDivId').val();

8. Shortcut for typing: jQuery( )
1000
$( )
$("#x").removeAttr("disabled");
method

9. jQuery motto: _____. Do More.
html
$('#myDivId')
Write Less
transparent

10. The _______ version of jQuery is minified
jQuery
production
$("#c").attr("checked", "checked");
*

11. Test whether an element has a particular class
jQuery
if ( $(this).hasClass("protected")
id selector
var myValue = $('#myDivId').val();

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

13. Disable an element
semicolon
$("#x").attr("disabled","disabled");
1000
$('#myDivId').val("hello world");

14. Select an element that has special CSS characters in its ID like '.'
DOM (Document Object Model)
$("#myselect option:selected").text();
$("#c").attr("checked", "checked");
$("#some\.id") instead of $("#some.id")

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

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

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

18. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
<script></script>
slideUp
$("<selector>").<method>;
$

19. The process of adding or 'gluing' various kinds of data together often in a message
concatenation
http://www.jquery.com
code block
Write Less

20. Number of milliseconds in a second
terminator
1000
transparent
developer

21. Each part of the DOM is called a ________.
1000
node
semicolon
Write Less

22. Name of the symbol that ends a jQuery statement
semicolon
$("#c").attr("checked","");
CSS
$("#some\.id") instead of $("#some.id")

23. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
http://www.jquery.com
method
$("img#dog").fadeIn(3000);
code block

24. jQuery selects elements the same way ____ does
code block
html
CSS
var isVisible = $('#myDiv').is(':visible');

25. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
if ( $(this).hasClass("protected")
descendent selector
slideUp
opaque

26. Another word for invisible
slideDown
$('#myDivId').val("hello world");
var isHidden = $('#myDiv').is(':hidden');
transparent

27. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
dot
DOM (Document Object Model)
none
dollar sign

28. Two versions of jQuery available for download: production & ________
descendent selector
$("#myselect option:selected").text();
var isHidden = $('#myDiv').is(':hidden');
developer

29. Name of the character used to separate a jQuery selector from a jQuery method
slideToggle
$("#c").attr("checked","");
var myDivElement = $('#myDivId');
dot

30. The _____ method changes the height property of an element until it is zero and then hides the element.
concatenation
slideUp
CSS
production

31. Wildcard selector in jQuery (selects all elements)
terminator
*
John Resig
$('#myDivId').val("hello world");

32. Another word for visible
opaque
<script></script>
$("<selector>").<method>;
JavaScript

33. HTML tag pair that delimits a jQuery code block
developer
HTML string
$('#myDivId').val("hello world");
<script></script>

34. A CSS setting that makes sure an element won't show when the page loads: display:______;
1000
none
html
interpreter

35. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
$("img#dog").fadeIn(3000);
DOM (Document Object Model)
code block
$(document).ready( function( ) {/* your code here */} );

36. Uncheck an input
production
DOM (Document Object Model)
$("#c").attr("checked","");
JavaScript

37. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
dot
semicolon
$("h1").hide();
$('#myDivId')

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

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

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

41. Unit of time measure in jQuery commands requiring a time value
milliseconds
JavaScript
$("#x").attr("disabled","disabled");
$(document).ready( function( ) {/* your code here */} );

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

43. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
node
HTML string
none
$('#myDivId').val("hello world");

44. jQuery is written in _____________
var myValue = $('#myDivId').val();
viewport
JavaScript
$('#myDivId')

45. The ______ is the main window of the browser.
HTML string
descendent selector
$("#myselect option:selected").text();
viewport

46. Select an item using class

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

47. Basic jQuery syntax (using shortcut)
if ( $('#myDiv').length )
$("<selector>").<method>;
var myValue = $('#myDivId').val();
$("#myselect option:selected").text();

48. Allows you to select a grouping of elements
Write Less
<script></script>
class selector
milliseconds

49. URL for obtaining jQuery
http://www.jquery.com
$( )
html
Write Less

50. Get the text value of a selected option
transparent
node
$("#myselect option:selected").text();
jQuery