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 until it is zero and then hides the element.
developer
dot
semicolon
slideUp

2. Enable an element
$("#x").attr("disabled","disabled");
$
$("#x").removeAttr("disabled");
descendent selector

3. A CSS setting that makes sure an element won't show when the page loads: display:______;
none
if not $('#myDiv').show();
$("#c").attr("checked","");
$("h1").hide();

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

5. jQuery motto: _____. Do More.
Write Less
browser
if not $('#myDiv').show();
1000

6. Select an element that has special CSS characters in its ID like '.'
semicolon
if ( $(this).hasClass("protected")
$("#c").attr("checked","");
$("#some\.id") instead of $("#some.id")

7. Stuff between { } is often called a ______
html
code block
html
John Resig

8. The semicolon following a jQuery statement is known as a ___________
terminator
<script></script>
$("#x").attr("disabled","disabled");
$("img#dog").fadeIn(3000);

9. Use a _____ to test that your jQuery scripts are working.
developer
$( )
jQuery
browser

10. Another word for visible
dot
opaque
slideToggle
none

11. Number of milliseconds in a second
<script></script>
semicolon
$("#some\.id") instead of $("#some.id")
1000

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

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

14. Select an item using class

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

15. The JavaScript ______ translates directions you give it into different actions on the web page
dot
terminator
interpreter
none

16. Root of an html document
html
var myDivElement = $('#myDivId');
slideDown
http://www.jquery.com

17. 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)
production
$("<selector>").<method>;
interpreter

18. Both CSS and jQuery use the ____ symbol to specify a class.
concatenation
method
http://www.jquery.com
dot

19. 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
DOM (Document Object Model)
code block
$("#c").attr("checked", "checked");

20. URL for obtaining jQuery
+
http://www.jquery.com
method
var myValue = $('#myDivId').val();

21. The original creator of the jQuery library
$("#x").attr("disabled","disabled");
transparent
John Resig
if not $('#myDiv').show();

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

23. JavaScript library specialized for complex interactivity and rich visual effects
jQuery
Write Less
code block
terminator

24. Basic jQuery syntax (using shortcut)
milliseconds
var isVisible = $('#myDiv').is(':visible');
interpreter
$("<selector>").<method>;

25. Concatenation symbol in JavaScript
selector
+
$('#myDivId').val("hello world");
if not $('#myDiv').show();

26. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
method
$("img#dog").fadeIn(3000);
terminator
if not $('#myDiv').show();

27. Allows you to select a grouping of elements
selector
class selector
+
CSS

28. Two versions of jQuery available for download: production & ________
developer
jQuery
html
<script></script>

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

30. Shortcut for typing: jQuery( )
developer
if ( $(this).hasClass("protected")
id selector
$( )

31. A ______ is used by jQuery to locate and return an element from the web page
$("img#dog").fadeIn(3000);
jQuery
selector
CSS

32. This kind of file builds the structure of the web page
production
concatenation
html
browser

33. The ______ is the main window of the browser.
http://www.jquery.com
viewport
node
dollar sign

34. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
$
html
viewport
var isHidden = $('#myDiv').is(':hidden');

35. Wildcard selector in jQuery (selects all elements)
$("#x").removeAttr("disabled");
if not $('#myDiv').show();
*
id selector

36. Disable an element
html
$("#x").attr("disabled","disabled");
$('#myDivId').val("hello world");
slideDown

37. Name of the character used to separate a jQuery selector from a jQuery method
dot
none
node
$('#myDivId').val("hello world");

38. The ______ method says 'If it's up slide it down; if it's down slide it up.'
interpreter
var isHidden = $('#myDiv').is(':hidden');
slideToggle
$(document).ready( function( ) {/* your code here */} );

39. jQuery selects elements the same way ____ does
http://www.jquery.com
CSS
dot
$('#myDivId').val("hello world");

40. Each part of the DOM is called a ________.
var myValue = $('#myDivId').val();
terminator
production
node

41. Uncheck an input
if ( $('#myDiv').length )
milliseconds
$("#c").attr("checked","");
$(document).ready( function( ) {/* your code here */} );

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

43. Name of the symbol used for the jQuery shortcut
DOM (Document Object Model)
var isVisible = $('#myDiv').is(':visible');
dollar sign
none

44. A(n) ___ _____ is used to identify a single unique element on a page.
browser
id selector
semicolon
code block

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

46. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
$("#x").removeAttr("disabled");
transparent
$("h1").hide();
$("#myselect option:selected").text();

47. jQuery is written in _____________
dollar sign
milliseconds
id selector
JavaScript

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

49. HTML tag pair that delimits a jQuery code block
concatenation
var isVisible = $('#myDiv').is(':visible');
<script></script>
transparent

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