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. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
$
jQuery
interpreter
1000

2. Another word for invisible
transparent
CSS
$(document).ready( function( ) {/* your code here */} );
semicolon

3. Test whether an element has a particular class
$('#myDivId').val("hello world");
if ( $(this).hasClass("protected")
JavaScript
$("<selector>").<method>;

4. A ______ is used by jQuery to locate and return an element from the web page
method
production
semicolon
selector

5. Name of the symbol that ends a jQuery statement
semicolon
var myValue = $('#myDivId').val();
JavaScript
$("#x").attr("disabled","disabled");

6. The JavaScript ______ translates directions you give it into different actions on the web page
if ( $('#myDiv').is('.pretty') )
interpreter
if not $('#myDiv').show();
method

7. jQuery is written in _____________
method
John Resig
dot
JavaScript

8. Get the text value of a selected option
JavaScript
$("#myselect option:selected").text();
jQuery
id selector

9. Another word for visible
$
transparent
opaque
browser

10. URL for obtaining jQuery
http://www.jquery.com
interpreter
$("#x").attr("disabled","disabled");
$("#c").attr("checked", "checked");

11. Use a _____ to test that your jQuery scripts are working.
production
browser
$("#c").attr("checked", "checked");
slideUp

12. The ______ is the main window of the browser.
viewport
milliseconds
$("#x").attr("disabled","disabled");
interpreter

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

14. jQuery selects elements the same way ____ does
semicolon
$("#x").attr("disabled","disabled");
CSS
slideUp

15. Root of an html document
interpreter
html
if ( $('#myDiv').length )
<script></script>

16. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
$('#myDivId').val("hello world");
method
descendent selector
$("h1").hide();

17. A(n) ___ _____ is used to identify a single unique element on a page.
*
$(document).ready( function( ) {/* your code here */} );
id selector
$("<selector>").<method>;

18. Uncheck an input
$("#c").attr("checked","");
<script></script>
http://www.jquery.com
if ( $('#myDiv').length )

19. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
$
slideDown
var myValue = $('#myDivId').val();
1000

20. Enable an element
transparent
1000
$("#x").removeAttr("disabled");
$

21. Number of milliseconds in a second
http://www.jquery.com
1000
transparent
$('#myDivId').val("hello world");

22. The _____ method changes the height property of an element until it is zero and then hides the element.
milliseconds
<script></script>
class selector
slideUp

23. The process of adding or 'gluing' various kinds of data together often in a message
concatenation
slideUp
semicolon
$("#c").attr("checked", "checked");

24. The _______ version of jQuery is minified
jQuery
terminator
production
interpreter

25. The ______ method says 'If it's up slide it down; if it's down slide it up.'
node
slideToggle
CSS
$("#x").attr("disabled","disabled");

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

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

28. 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')
slideUp
if ( $('#myDiv').length )
descendent selector

29. The semicolon following a jQuery statement is known as a ___________
jQuery
$('#myDivId').val("hello world");
$("#c").attr("checked","");
terminator

30. Basic jQuery syntax (using shortcut)
*
milliseconds
if not $('#myDiv').show();
$("<selector>").<method>;

31. Each part of the DOM is called a ________.
node
<script></script>
jQuery
interpreter

32. Both CSS and jQuery use the ____ symbol to specify a class.
JavaScript
CSS
$("#some\.id") instead of $("#some.id")
dot

33. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
$(document).ready( function( ) {/* your code here */} );
$("#x").removeAttr("disabled");
Write Less
code block

34. Shortcut for typing: jQuery( )
http://www.jquery.com
$( )
id selector
$("#c").attr("checked", "checked");

35. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
HTML string
DOM (Document Object Model)
$("h1").hide();
1000

36. HTML tag pair that delimits a jQuery code block
class selector
1000
html
<script></script>

37. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
terminator
$("img#dog").fadeIn(3000);
viewport
descendent selector

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

39. Allows you to select a grouping of elements
class selector
slideUp
dot
$('.myCssClass')

40. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
dollar sign
semicolon
HTML string
$("#some\.id") instead of $("#some.id")

41. Name of the character used to separate a jQuery selector from a jQuery method
+
id selector
dot
terminator

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

43. Select an item using class

44. Check an input
$("#c").attr("checked", "checked");
node
method
$('#myDivId').val("hello world");

45. Select an element that has special CSS characters in its ID like '.'
$("#some\.id") instead of $("#some.id")
$('#myDivId').val("hello world");
CSS
descendent selector

46. Two versions of jQuery available for download: production & ________
$('.myCssClass')
developer
DOM (Document Object Model)
if not $('#myDiv').show();

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

48. jQuery motto: _____. Do More.
Write Less
viewport
id selector
class selector

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

50. 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)
CSS
$("#myselect option:selected").text();
terminator