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 ______ is the main window of the browser.
viewport
$("img#dog").fadeIn(3000);
$("#c").attr("checked","");
dot

2. Enable an element
+
code block
Write Less
$("#x").removeAttr("disabled");

3. Both CSS and jQuery use the ____ symbol to specify a class.
*
dot
$("#c").attr("checked","");
CSS

4. jQuery motto: _____. Do More.
*
CSS
Write Less
John Resig

5. The JavaScript ______ translates directions you give it into different actions on the web page
$("#c").attr("checked","");
+
interpreter
slideDown

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

7. Select an item using class

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

8. HTML tag pair that delimits a jQuery code block
$("#c").attr("checked", "checked");
method
<script></script>
code block

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

10. A CSS setting that makes sure an element won't show when the page loads: display:______;
John Resig
$("#myselect option:selected").text();
slideToggle
none

11. jQuery selects elements the same way ____ does
viewport
DOM (Document Object Model)
*
CSS

12. Uncheck an input
<script></script>
$("#c").attr("checked","");
HTML string
if ( $('#myDiv').length )

13. Disable an element
$("#x").attr("disabled","disabled");
none
code block
$( )

14. Each part of the DOM is called a ________.
opaque
$("#c").attr("checked","");
node
dollar sign

15. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
semicolon
$( )
var isVisible = $('#myDiv').is(':visible');
$

16. Another word for visible
var myValue = $('#myDivId').val();
opaque
$("#x").attr("disabled","disabled");
if ( $('#myDiv').length )

17. Select an element that has special CSS characters in its ID like '.'
$('.myCssClass')
$("#some\.id") instead of $("#some.id")
John Resig
opaque

18. The ______ method says 'If it's up slide it down; if it's down slide it up.'
dot
slideToggle
class selector
$('#myDivId')

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
$('#myDivId')
JavaScript
Write Less
descendent selector

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

21. A ______ is used by jQuery to locate and return an element from the web page
JavaScript
selector
if ( $(this).hasClass("protected")
DOM (Document Object Model)

22. Name of the symbol that ends a jQuery statement
if ( $('#myDiv').length )
var isHidden = $('#myDiv').is(':hidden');
$('#myDivId')
semicolon

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

24. Another word for invisible
transparent
opaque
$('.myCssClass')
var myValue = $('#myDivId').val();

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

26. Shortcut for typing: jQuery( )
if ( $('#myDiv').length )
DOM (Document Object Model)
$( )
$("#x").attr("disabled","disabled");

27. Concatenation symbol in JavaScript
+
developer
var myDivElement = $('#myDivId');
http://www.jquery.com

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

29. Get the text value of a selected option
opaque
$("#myselect option:selected").text();
slideUp
$("img#dog").fadeIn(3000);

30. Name of the character used to separate a jQuery selector from a jQuery method
viewport
$("img#dog").fadeIn(3000);
html
dot

31. Number of milliseconds in a second
1000
JavaScript
milliseconds
dot

32. Use a _____ to test that your jQuery scripts are working.
browser
if ( $('#myDiv').is('.pretty') )
JavaScript
$(document).ready( function( ) {/* your code here */} );

33. Unit of time measure in jQuery commands requiring a time value
CSS
milliseconds
interpreter
$("img#dog").fadeIn(3000);

34. Check an input
jQuery
$
$("#c").attr("checked", "checked");
CSS

35. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
method
$( )
viewport
id selector

36. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
HTML string
$("h1").hide();
$("#x").removeAttr("disabled");
html

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

38. Test whether an element has a particular class
viewport
if ( $(this).hasClass("protected")
DOM (Document Object Model)
dot

39. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
$( )
+
<script></script>
slideDown

40. Root of an html document
$("#some\.id") instead of $("#some.id")
JavaScript
*
html

41. This kind of file builds the structure of the web page
milliseconds
CSS
*
html

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

43. Allows you to select a grouping of elements
$( )
var isVisible = $('#myDiv').is(':visible');
class selector
dollar sign

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

45. JavaScript library specialized for complex interactivity and rich visual effects
var isVisible = $('#myDiv').is(':visible');
concatenation
dot
jQuery

46. jQuery is written in _____________
class selector
$
JavaScript
$( )

47. The process of adding or 'gluing' various kinds of data together often in a message
dot
concatenation
if ( $('#myDiv').length )
selector

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

49. A(n) ___ _____ is used to identify a single unique element on a page.
id selector
$("#x").removeAttr("disabled");
if ( $('#myDiv').length )
var isHidden = $('#myDiv').is(':hidden');

50. Stuff between { } is often called a ______
code block
1000
semicolon
interpreter