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. 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