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. Concatenation symbol in JavaScript
if ( $('#myDiv').is('.pretty') )
$("h1").hide();
+
descendent selector

2. The process of adding or 'gluing' various kinds of data together often in a message
$("#x").attr("disabled","disabled");
http://www.jquery.com
concatenation
dot

3. Enable an element
dot
$("#x").removeAttr("disabled");
if ( $(this).hasClass("protected")
$('.myCssClass')

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

5. Each part of the DOM is called a ________.
slideDown
semicolon
if ( $('#myDiv').length )
node

6. This kind of file builds the structure of the web page
html
dot
$("#c").attr("checked", "checked");
$("#c").attr("checked","");

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

8. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
$("#c").attr("checked","");
$( )
HTML string
http://www.jquery.com

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

10. Another word for invisible
interpreter
John Resig
transparent
$('.myCssClass')

11. The _______ version of jQuery is minified
milliseconds
Write Less
production
*

12. Disable an element
$("#x").attr("disabled","disabled");
dot
Write Less
John Resig

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

14. Name of the symbol used for the jQuery shortcut
$('#myDivId')
if ( $(this).hasClass("protected")
dollar sign
method

15. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
$("#c").attr("checked","");
$("#myselect option:selected").text();
var myDivElement = $('#myDivId');
method

16. The ______ is the main window of the browser.
viewport
dot
$("#some\.id") instead of $("#some.id")
$("h1").hide();

17. Shortcut for typing: jQuery( )
slideUp
$( )
id selector
viewport

18. Uncheck an input
if ( $('#myDiv').is('.pretty') )
transparent
$("#c").attr("checked","");
$("#myselect option:selected").text();

19. Name of the character used to separate a jQuery selector from a jQuery method
dot
var myValue = $('#myDivId').val();
terminator
opaque

20. jQuery is written in _____________
JavaScript
if ( $('#myDiv').length )
browser
var myValue = $('#myDivId').val();

21. jQuery selects elements the same way ____ does
$(document).ready( function( ) {/* your code here */} );
CSS
$("#myselect option:selected").text();
DOM (Document Object Model)

22. Both CSS and jQuery use the ____ symbol to specify a class.
<script></script>
if ( $(this).hasClass("protected")
$("<selector>").<method>;
dot

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

24. The semicolon following a jQuery statement is known as a ___________
developer
terminator
John Resig
viewport

25. jQuery motto: _____. Do More.
terminator
Write Less
$('#myDivId').val("hello world");
HTML string

26. A ______ is used by jQuery to locate and return an element from the web page
if ( $('#myDiv').is('.pretty') )
selector
DOM (Document Object Model)
slideDown

27. 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 */} );
$("h1").hide();
$('#myDivId').val("hello world");
if not $('#myDiv').show();

28. The original creator of the jQuery library
slideToggle
John Resig
http://www.jquery.com
$("img#dog").fadeIn(3000);

29. Another word for visible
$('#myDivId').val("hello world");
DOM (Document Object Model)
if not $('#myDiv').show();
opaque

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

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

32. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
dot
<script></script>
$("h1").hide();
var myValue = $('#myDivId').val();

33. Number of milliseconds in a second
jQuery
1000
interpreter
selector

34. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
$("<selector>").<method>;
<script></script>
html
$("img#dog").fadeIn(3000);

35. The JavaScript ______ translates directions you give it into different actions on the web page
var myValue = $('#myDivId').val();
interpreter
html
html

36. Root of an html document
html
developer
code block
concatenation

37. Two versions of jQuery available for download: production & ________
jQuery
developer
dot
$

38. Use a _____ to test that your jQuery scripts are working.
$("#c").attr("checked", "checked");
browser
$("#myselect option:selected").text();
var myValue = $('#myDivId').val();

39. Check an input
html
milliseconds
$("#c").attr("checked", "checked");
var isVisible = $('#myDiv').is(':visible');

40. HTML tag pair that delimits a jQuery code block
interpreter
<script></script>
CSS
1000

41. Select an item using class

42. Name of the symbol that ends a jQuery statement
var myValue = $('#myDivId').val();
dot
semicolon
1000

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

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

45. Stuff between { } is often called a ______
DOM (Document Object Model)
code block
descendent selector
http://www.jquery.com

46. A(n) ___ _____ is used to identify a single unique element on a page.
id selector
method
terminator
DOM (Document Object Model)

47. 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)
id selector

48. URL for obtaining jQuery
$("#x").attr("disabled","disabled");
$('#myDivId').val("hello world");
$('.myCssClass')
http://www.jquery.com

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

50. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
$("img#dog").fadeIn(3000);
$
$("#c").attr("checked","");
$('#myDivId')