SUBJECTS
|
BROWSE
|
CAREER CENTER
|
POPULAR
|
JOIN
|
LOGIN
Business Skills
|
Soft Skills
|
Basic Literacy
|
Certifications
About
|
Help
|
Privacy
|
Terms
|
Email
Search
Test your basic knowledge |
Jquery Commands
Start Test
Study First
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. Number of milliseconds in a second
$
$("#x").attr("disabled","disabled");
1000
method
2. Select an item using class
Warning
: Invalid argument supplied for foreach() in
/var/www/html/basicversity.com/show_quiz.php
on line
183
3. Concatenation symbol in JavaScript
slideToggle
dollar sign
developer
+
4. Allows you to select a grouping of elements
class selector
node
<script></script>
interpreter
5. The _______ version of jQuery is minified
$('.myCssClass')
production
*
dot
6. URL for obtaining jQuery
semicolon
http://www.jquery.com
none
html
7. Select an element that has special CSS characters in its ID like '.'
$("#some\.id") instead of $("#some.id")
$
<script></script>
CSS
8. Test whether an element has a particular class
$("h1").hide();
node
if ( $(this).hasClass("protected")
production
9. The semicolon following a jQuery statement is known as a ___________
terminator
JavaScript
$("#x").attr("disabled","disabled");
$("h1").hide();
10. Determine the state of a toggled element
developer
var myDivElement = $('#myDivId');
$( )
jQuery
id selector
viewport
class selector
CSS
code block
HTML string
slideDown
interpreter
$("#c").attr("checked","");
Write Less
$("h1").hide();
*
var isVisible = $('#myDiv').is(':visible');
$('#myDivId')
DOM (Document Object Model)
slideToggle
browser
html
var isVisible = $('#myDiv').is(':visible');
John Resig
production
var isHidden = $('#myDiv').is(':hidden');
$("#x").attr("disabled","disabled");
if ( $('#myDiv').length )
$("img#dog").fadeIn(3000);
if not $('#myDiv').show();
$("#some\.id") instead of $("#some.id")
dot
dollar sign
JavaScript
semicolon
milliseconds
selector
transparent
terminator
concatenation
if ( $(this).hasClass("protected")
$("#c").attr("checked", "checked");
$("<selector>").<method>;
$
none
$('.myCssClass')
1000
+
$(document).ready( function( ) {/* your code here */} );
if ( $('#myDiv').is('.pretty') )
<script></script>
method
$("#myselect option:selected").text();
descendent selector
var myValue = $('#myDivId').val();
http://www.jquery.com
html
opaque
$("#x").removeAttr("disabled");
dot
slideUp
node
$('#myDivId').val("hello world");
11. The _____ method changes the height property of an element until it is zero and then hides the element.
terminator
$("#myselect option:selected").text();
slideUp
$('#myDivId').val("hello world");
12. Both CSS and jQuery use the ____ symbol to specify a class.
terminator
$("#x").attr("disabled","disabled");
dot
$
13. jQuery selects elements the same way ____ does
CSS
*
method
if ( $('#myDiv').is('.pretty') )
14. A CSS setting that makes sure an element won't show when the page loads: display:______;
$( )
html
dollar sign
none
15. The JavaScript ______ translates directions you give it into different actions on the web page
$('.myCssClass')
$("<selector>").<method>;
interpreter
<script></script>
16. Uncheck an input
production
$("#c").attr("checked","");
semicolon
interpreter
17. Basic jQuery syntax (using shortcut)
viewport
*
none
$("<selector>").<method>;
18. JavaScript library specialized for complex interactivity and rich visual effects
browser
opaque
1000
jQuery
19. Root of an html document
milliseconds
$( )
html
none
20. Test whether an element exists
jQuery
HTML string
semicolon
John Resig
+
descendent selector
$("#c").attr("checked", "checked");
production
method
if ( $('#myDiv').length )
viewport
*
developer
dot
$("<selector>").<method>;
CSS
html
var myValue = $('#myDivId').val();
if ( $(this).hasClass("protected")
$('#myDivId')
if ( $('#myDiv').length )
1000
dollar sign
var myDivElement = $('#myDivId');
DOM (Document Object Model)
selector
if not $('#myDiv').show();
$("#x").removeAttr("disabled");
var isHidden = $('#myDiv').is(':hidden');
http://www.jquery.com
$(document).ready( function( ) {/* your code here */} );
var isVisible = $('#myDiv').is(':visible');
JavaScript
if ( $('#myDiv').is('.pretty') )
milliseconds
dot
slideDown
transparent
$("#myselect option:selected").text();
Write Less
$("h1").hide();
class selector
terminator
$("#some\.id") instead of $("#some.id")
$("#c").attr("checked","");
$("img#dog").fadeIn(3000);
interpreter
opaque
$
slideToggle
html
none
slideUp
$("#x").attr("disabled","disabled");
$('.myCssClass')
code block
browser
$( )
node
$('#myDivId').val("hello world");
concatenation
<script></script>
id selector
21. jQuery is written in _____________
browser
code block
JavaScript
*
22. The process of adding or 'gluing' various kinds of data together often in a message
$("#c").attr("checked", "checked");
concatenation
id selector
slideToggle
23. Unit of time measure in jQuery commands requiring a time value
$("<selector>").<method>;
var isHidden = $('#myDiv').is(':hidden');
milliseconds
$(document).ready( function( ) {/* your code here */} );
24. Assign a selected element to a javascript variable
dot
$("#c").attr("checked","");
production
viewport
id selector
descendent selector
John Resig
class selector
none
opaque
html
method
if ( $(this).hasClass("protected")
CSS
var isVisible = $('#myDiv').is(':visible');
interpreter
1000
$( )
$(document).ready( function( ) {/* your code here */} );
$("#some\.id") instead of $("#some.id")
$("#x").attr("disabled","disabled");
Write Less
$("img#dog").fadeIn(3000);
transparent
concatenation
var isHidden = $('#myDiv').is(':hidden');
selector
var myDivElement = $('#myDivId');
JavaScript
$("h1").hide();
DOM (Document Object Model)
$('#myDivId')
+
slideToggle
var myDivElement = $('#myDivId');
$
$("#c").attr("checked", "checked");
code block
if ( $('#myDiv').is('.pretty') )
if ( $('#myDiv').length )
browser
<script></script>
dot
$("<selector>").<method>;
node
if not $('#myDiv').show();
http://www.jquery.com
slideDown
html
$("#myselect option:selected").text();
$("#x").removeAttr("disabled");
dollar sign
semicolon
$('#myDivId').val("hello world");
terminator
HTML string
slideUp
milliseconds
developer
$('.myCssClass')
*
var myValue = $('#myDivId').val();
jQuery
25. Wildcard selector in jQuery (selects all elements)
*
Write Less
if not $('#myDiv').show();
$('#myDivId')
26. The ______ method says 'If it's up slide it down; if it's down slide it up.'
html
slideToggle
$("#some\.id") instead of $("#some.id")
slideDown
27. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
if ( $('#myDiv').is('.pretty') )
*
slideDown
1000
28. Name of the character used to separate a jQuery selector from a jQuery method
class selector
http://www.jquery.com
dot
if ( $(this).hasClass("protected")
29. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
semicolon
$("#x").removeAttr("disabled");
node
$("img#dog").fadeIn(3000);
30. Name of the symbol used for the jQuery shortcut
if ( $(this).hasClass("protected")
dollar sign
viewport
none
31. Enable an element
$("#x").removeAttr("disabled");
$("#x").attr("disabled","disabled");
descendent selector
if ( $(this).hasClass("protected")
32. Name of the symbol that ends a jQuery statement
if ( $('#myDiv').is('.pretty') )
semicolon
code block
browser
33. You know you are dealing with a _____ when you see a set of parenthesis after a keyword
transparent
method
http://www.jquery.com
var myValue = $('#myDivId').val();
34. A(n) ___ _____ is used to identify a single unique element on a page.
$("#myselect option:selected").text();
id selector
node
milliseconds
35. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
$("#myselect option:selected").text();
$("h1").hide();
+
code block
36. The ______ is the main window of the browser.
$(document).ready( function( ) {/* your code here */} );
concatenation
viewport
slideDown
37. Another word for visible
dollar sign
opaque
var myDivElement = $('#myDivId');
code block
38. Two versions of jQuery available for download: production & ________
var myValue = $('#myDivId').val();
developer
none
$("h1").hide();
39. Get the value of an element
if ( $('#myDiv').length )
viewport
slideDown
html
if ( $('#myDiv').is('.pretty') )
DOM (Document Object Model)
code block
html
opaque
$('.myCssClass')
Write Less
dot
+
terminator
id selector
method
descendent selector
jQuery
1000
concatenation
$("#c").attr("checked", "checked");
transparent
http://www.jquery.com
milliseconds
$("h1").hide();
interpreter
var isHidden = $('#myDiv').is(':hidden');
semicolon
node
production
$("img#dog").fadeIn(3000);
var myValue = $('#myDivId').val();
dollar sign
CSS
$("#myselect option:selected").text();
$("<selector>").<method>;
*
selector
$(document).ready( function( ) {/* your code here */} );
var myValue = $('#myDivId').val();
if not $('#myDiv').show();
slideUp
$( )
class selector
dot
$("#x").attr("disabled","disabled");
none
$("#some\.id") instead of $("#some.id")
developer
HTML string
$('#myDivId')
var isVisible = $('#myDiv').is(':visible');
$
JavaScript
$('#myDivId').val("hello world");
if ( $(this).hasClass("protected")
$("#c").attr("checked","");
slideToggle
var myDivElement = $('#myDivId');
<script></script>
browser
John Resig
$("#x").removeAttr("disabled");
40. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
opaque
descendent selector
terminator
if ( $('#myDiv').is('.pretty') )
41. Disable an element
$("#x").attr("disabled","disabled");
$('#myDivId').val("hello world");
JavaScript
CSS
42. Stuff between { } is often called a ______
concatenation
dot
$("#some\.id") instead of $("#some.id")
code block
43. Syntax for a common jQuery code block that's intended to run when a web page is fully loaded
interpreter
$(document).ready( function( ) {/* your code here */} );
*
1000
44. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
$
html
CSS
$("#c").attr("checked", "checked");
45. The original creator of the jQuery library
John Resig
var isHidden = $('#myDiv').is(':hidden');
class selector
1000
46. Determine the state of a toggled element
class selector
if ( $('#myDiv').is('.pretty') )
selector
dollar sign
concatenation
opaque
*
semicolon
viewport
var myValue = $('#myDivId').val();
<script></script>
HTML string
slideDown
dot
milliseconds
transparent
Write Less
+
$("#x").removeAttr("disabled");
$( )
$("#myselect option:selected").text();
John Resig
$("#c").attr("checked","");
CSS
var myDivElement = $('#myDivId');
none
$("h1").hide();
id selector
terminator
$("#x").attr("disabled","disabled");
dot
code block
$(document).ready( function( ) {/* your code here */} );
var isVisible = $('#myDiv').is(':visible');
$
var isHidden = $('#myDiv').is(':hidden');
node
interpreter
$('#myDivId').val("hello world");
descendent selector
jQuery
$("#c").attr("checked", "checked");
JavaScript
method
developer
if ( $(this).hasClass("protected")
$("<selector>").<method>;
if not $('#myDiv').show();
DOM (Document Object Model)
$("#some\.id") instead of $("#some.id")
if ( $('#myDiv').length )
slideToggle
production
html
$('#myDivId')
slideUp
html
var isHidden = $('#myDiv').is(':hidden');
http://www.jquery.com
$("img#dog").fadeIn(3000);
$('.myCssClass')
1000
browser
47. Each part of the DOM is called a ________.
node
var isHidden = $('#myDiv').is(':hidden');
transparent
$("#x").removeAttr("disabled");
48. Another word for invisible
transparent
code block
production
jQuery
49. Test whether an element has a particular class
DOM (Document Object Model)
id selector
$("#myselect option:selected").text();
dot
if ( $(this).hasClass("protected")
var isHidden = $('#myDiv').is(':hidden');
concatenation
$('.myCssClass')
var myValue = $('#myDivId').val();
1000
dollar sign
method
node
selector
class selector
$('#myDivId')
developer
transparent
$("#c").attr("checked","");
var isVisible = $('#myDiv').is(':visible');
if ( $('#myDiv').is('.pretty') )
none
Write Less
if ( $('#myDiv').length )
interpreter
$("#some\.id") instead of $("#some.id")
slideToggle
$("img#dog").fadeIn(3000);
*
CSS
http://www.jquery.com
$(document).ready( function( ) {/* your code here */} );
var myDivElement = $('#myDivId');
HTML string
production
if ( $('#myDiv').is('.pretty') )
$("#c").attr("checked", "checked");
code block
$("#x").attr("disabled","disabled");
$("<selector>").<method>;
descendent selector
$('#myDivId').val("hello world");
$( )
if not $('#myDiv').show();
html
browser
$
jQuery
slideDown
semicolon
$("h1").hide();
<script></script>
viewport
John Resig
dot
opaque
$("#x").removeAttr("disabled");
slideUp
JavaScript
milliseconds
terminator
+
html
50. HTML tag pair that delimits a jQuery code block
$
Write Less
CSS
<script></script>