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. Disable an element
dot
$(document).ready( function( ) {/* your code here */} );
$("#x").attr("disabled","disabled");
$("#some\.id") instead of $("#some.id")

2. Two versions of jQuery available for download: production & ________
developer
http://www.jquery.com
CSS
semicolon

3. HTML tag pair that delimits a jQuery code block
1000
<script></script>
terminator
jQuery

4. 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
slideDown
HTML string
milliseconds

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

6. Wildcard selector in jQuery (selects all elements)
$( )
*
var myValue = $('#myDivId').val();
jQuery

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

8. The JavaScript ______ translates directions you give it into different actions on the web page
$("#x").attr("disabled","disabled");
*
interpreter
dollar sign

9. The ______ is the main window of the browser.
opaque
viewport
dot
semicolon

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

11. Concatenation symbol in JavaScript
+
$("h1").hide();
$("#x").removeAttr("disabled");
$('.myCssClass')

12. Select an element that has special CSS characters in its ID like '.'
$("#x").attr("disabled","disabled");
$(document).ready( function( ) {/* your code here */} );
$( )
$("#some\.id") instead of $("#some.id")

13. This kind of file builds the structure of the web page
JavaScript
semicolon
html
CSS

14. Use a _____ to test that your jQuery scripts are working.
transparent
var isHidden = $('#myDiv').is(':hidden');
selector
browser

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

16. Another word for invisible
<script></script>
interpreter
transparent
terminator

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

18. Stuff between { } is often called a ______
var myValue = $('#myDivId').val();
HTML string
code block
selector

19. Shortcut for typing: jQuery( )
http://www.jquery.com
$( )
semicolon
none

20. jQuery motto: _____. Do More.
slideUp
Write Less
$("h1").hide();
if ( $(this).hasClass("protected")

21. Get the text value of a selected option
if not $('#myDiv').show();
John Resig
descendent selector
$("#myselect option:selected").text();

22. Name of the symbol used for the jQuery shortcut
semicolon
node
CSS
dollar sign

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

24. jQuery selects elements the same way ____ does
CSS
html
browser
developer

25. Name of the symbol that ends a jQuery statement
DOM (Document Object Model)
dot
$(document).ready( function( ) {/* your code here */} );
semicolon

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

27. Root of an html document
html
$("#c").attr("checked", "checked");
concatenation
interpreter

28. Check an input
$('#myDivId')
$("#c").attr("checked", "checked");
code block
production

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

30. Another word for visible
terminator
$("#some\.id") instead of $("#some.id")
opaque
milliseconds

31. The original creator of the jQuery library
http://www.jquery.com
John Resig
slideDown
var isVisible = $('#myDiv').is(':visible');

32. The ______ method says 'If it's up slide it down; if it's down slide it up.'
slideToggle
dot
$("#c").attr("checked", "checked");
dot

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

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

35. Name of the character used to separate a jQuery selector from a jQuery method
dot
$("#x").attr("disabled","disabled");
$(document).ready( function( ) {/* your code here */} );
milliseconds

36. The _____ method changes the height property of an element until it is zero and then hides the element.
transparent
milliseconds
node
slideUp

37. Each part of the DOM is called a ________.
class selector
node
opaque
developer

38. Allows you to select a grouping of elements
class selector
$( )
$("#c").attr("checked", "checked");
none

39. One of jQuery's main strengths is that it allows you to work with the ____ without having to know everything about it.
descendent selector
$("#x").removeAttr("disabled");
if not $('#myDiv').show();
DOM (Document Object Model)

40. jQuery is written in _____________
JavaScript
code block
id selector
opaque

41. A(n) ___ _____ is used to identify a single unique element on a page.
http://www.jquery.com
$("h1").hide();
id selector
$( )

42. URL for obtaining jQuery
dot
$("#myselect option:selected").text();
http://www.jquery.com
$('#myDivId').val("hello world");

43. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
slideToggle
class selector
$("#some\.id") instead of $("#some.id")
$("img#dog").fadeIn(3000);

44. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
method
interpreter
transparent
CSS

45. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
viewport
DOM (Document Object Model)
$("h1").hide();
class selector

46. Enable an element
node
$("#x").removeAttr("disabled");
viewport
jQuery

47. Select an item using class

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

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

49. A CSS setting that makes sure an element won't show when the page loads: display:______;
node
developer
none
$( )

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