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 JavaScript ______ translates directions you give it into different actions on the web page
method
interpreter
*
$('#myDivId').val("hello world");
2. The _______ version of jQuery is minified
production
dot
method
dollar sign
3. Name of the character used to separate a jQuery selector from a jQuery method
transparent
code block
dot
if ( $(this).hasClass("protected")
4. HTML tag pair that delimits a jQuery code block
var isVisible = $('#myDiv').is(':visible');
<script></script>
1000
if ( $(this).hasClass("protected")
5. Re-write the following command with the jQuery shortcut: jQuery("h1").hide();
$('#myDivId').val("hello world");
if ( $('#myDiv').length )
$("h1").hide();
code block
6. Determine the state of a toggled element
opaque
terminator
method
selector
jQuery
if ( $(this).hasClass("protected")
$(document).ready( function( ) {/* your code here */} );
$("img#dog").fadeIn(3000);
html
$("#myselect option:selected").text();
$
$("#c").attr("checked","");
$("#some\.id") instead of $("#some.id")
semicolon
dollar sign
code block
concatenation
var myDivElement = $('#myDivId');
html
slideToggle
$("#x").attr("disabled","disabled");
$('#myDivId')
node
$('.myCssClass')
DOM (Document Object Model)
$( )
$("#c").attr("checked", "checked");
slideDown
browser
if not $('#myDiv').show();
milliseconds
JavaScript
http://www.jquery.com
descendent selector
$('#myDivId').val("hello world");
Write Less
production
$("<selector>").<method>;
id selector
developer
if ( $('#myDiv').length )
var isHidden = $('#myDiv').is(':hidden');
slideUp
class selector
John Resig
var myValue = $('#myDivId').val();
none
dot
var isVisible = $('#myDiv').is(':visible');
var isHidden = $('#myDiv').is(':hidden');
$("#x").removeAttr("disabled");
$("h1").hide();
HTML string
viewport
transparent
1000
+
*
interpreter
dot
CSS
<script></script>
if ( $('#myDiv').is('.pretty') )
7. Allows you to select a grouping of elements
class selector
var myDivElement = $('#myDivId');
interpreter
node
8. Root of an html document
slideToggle
HTML string
dot
html
9. jQuery command to take an image with an id of 'dog' and fade it from transparent to opaque in 3 seconds.
slideDown
$("img#dog").fadeIn(3000);
if ( $(this).hasClass("protected")
html
10. Select an item using id
selector
Write Less
if ( $(this).hasClass("protected")
method
+
$('.myCssClass')
dot
opaque
JavaScript
viewport
production
$("#c").attr("checked", "checked");
interpreter
semicolon
http://www.jquery.com
concatenation
developer
$('#myDivId')
node
*
id selector
slideUp
if ( $('#myDiv').length )
dollar sign
var isVisible = $('#myDiv').is(':visible');
descendent selector
CSS
none
var myValue = $('#myDivId').val();
slideDown
$("#some\.id") instead of $("#some.id")
class selector
$("img#dog").fadeIn(3000);
$
var isHidden = $('#myDiv').is(':hidden');
dot
if not $('#myDiv').show();
var myDivElement = $('#myDivId');
$( )
$("#c").attr("checked","");
terminator
jQuery
$("#x").attr("disabled","disabled");
<script></script>
transparent
John Resig
html
$("#x").removeAttr("disabled");
slideToggle
$('#myDivId').val("hello world");
$('#myDivId')
code block
browser
1000
html
$("<selector>").<method>;
DOM (Document Object Model)
$(document).ready( function( ) {/* your code here */} );
$("h1").hide();
$("#myselect option:selected").text();
milliseconds
HTML string
if ( $('#myDiv').is('.pretty') )
11. jQuery selects elements the same way ____ does
code block
CSS
$("#x").removeAttr("disabled");
$("<selector>").<method>;
12. Each part of the DOM is called a ________.
node
$("#x").attr("disabled","disabled");
$("#c").attr("checked", "checked");
if ( $(this).hasClass("protected")
13. This kind of file builds the structure of the web page
html
$("#x").attr("disabled","disabled");
method
$( )
14. Select an element that has special CSS characters in its ID like '.'
browser
$("#some\.id") instead of $("#some.id")
$('#myDivId')
method
15. Enable an element
+
JavaScript
dot
$("#x").removeAttr("disabled");
16. Name of the symbol that ends a jQuery statement
semicolon
var isHidden = $('#myDiv').is(':hidden');
dot
$('.myCssClass')
17. Both CSS and jQuery use the ____ symbol to specify a class.
dot
developer
if not $('#myDiv').show();
none
18. Get the value of an element
html
var myValue = $('#myDivId').val();
descendent selector
milliseconds
opaque
code block
$("#c").attr("checked","");
selector
html
dollar sign
node
John Resig
jQuery
$("img#dog").fadeIn(3000);
JavaScript
$('.myCssClass')
$
http://www.jquery.com
var myValue = $('#myDivId').val();
var isHidden = $('#myDiv').is(':hidden');
$(document).ready( function( ) {/* your code here */} );
Write Less
if ( $(this).hasClass("protected")
$('#myDivId').val("hello world");
interpreter
$("#x").attr("disabled","disabled");
method
$("#myselect option:selected").text();
var myDivElement = $('#myDivId');
production
developer
HTML string
slideToggle
transparent
concatenation
CSS
slideUp
slideDown
dot
$("#c").attr("checked", "checked");
+
DOM (Document Object Model)
*
$( )
$("h1").hide();
if not $('#myDiv').show();
$('#myDivId')
$("<selector>").<method>;
1000
$("#x").removeAttr("disabled");
<script></script>
browser
class selector
terminator
viewport
none
if ( $('#myDiv').length )
var isVisible = $('#myDiv').is(':visible');
if ( $('#myDiv').is('.pretty') )
$("#some\.id") instead of $("#some.id")
id selector
dot
semicolon
19. The ______ method says 'If it's up slide it down; if it's down slide it up.'
JavaScript
id selector
slideToggle
browser
20. A ______ is used by jQuery to locate and return an element from the web page
terminator
method
transparent
selector
21. 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 */} );
if ( $(this).hasClass("protected")
$("#c").attr("checked","");
$("#x").attr("disabled","disabled");
22. jQuery motto: _____. Do More.
Write Less
if ( $('#myDiv').length )
class selector
if ( $(this).hasClass("protected")
23. Another word for invisible
$("#x").removeAttr("disabled");
jQuery
*
transparent
24. A CSS setting that makes sure an element won't show when the page loads: display:______;
developer
slideDown
none
slideUp
25. Number of milliseconds in a second
1000
opaque
dot
$("#x").attr("disabled","disabled");
26. Select an item using class
Warning
: Invalid argument supplied for foreach() in
/var/www/html/basicversity.com/show_quiz.php
on line
183
27. Stuff between { } is often called a ______
John Resig
$("img#dog").fadeIn(3000);
code block
HTML string
28. The ______ is the main window of the browser.
var myValue = $('#myDivId').val();
method
concatenation
viewport
29. Test whether an element exists
terminator
$('.myCssClass')
*
HTML string
production
slideDown
if ( $(this).hasClass("protected")
id selector
developer
descendent selector
$
dollar sign
$(document).ready( function( ) {/* your code here */} );
method
class selector
interpreter
browser
$("h1").hide();
none
jQuery
<script></script>
if ( $('#myDiv').is('.pretty') )
opaque
$("img#dog").fadeIn(3000);
DOM (Document Object Model)
$("#x").removeAttr("disabled");
John Resig
if ( $('#myDiv').length )
semicolon
if not $('#myDiv').show();
html
$('#myDivId').val("hello world");
$("#x").attr("disabled","disabled");
$("#myselect option:selected").text();
var isVisible = $('#myDiv').is(':visible');
selector
transparent
$( )
CSS
dot
node
html
concatenation
$("#some\.id") instead of $("#some.id")
slideUp
var isHidden = $('#myDiv').is(':hidden');
$("#c").attr("checked", "checked");
var myDivElement = $('#myDivId');
Write Less
1000
milliseconds
if ( $('#myDiv').length )
$('#myDivId')
var myValue = $('#myDivId').val();
$("#c").attr("checked","");
dot
code block
slideToggle
$("<selector>").<method>;
JavaScript
viewport
http://www.jquery.com
+
30. URL for obtaining jQuery
code block
class selector
http://www.jquery.com
if ( $('#myDiv').is('.pretty') )
31. Basic jQuery syntax (using shortcut)
$
$("<selector>").<method>;
interpreter
$('#myDivId')
32. The _____ method changes the height property of an element from zero to whatever it's set to in the CSS style.
slideDown
$("<selector>").<method>;
$("#c").attr("checked", "checked");
terminator
33. Use a _____ to test that your jQuery scripts are working.
$("h1").hide();
$("#some\.id") instead of $("#some.id")
Write Less
browser
34. The original creator of the jQuery library
terminator
CSS
John Resig
dot
35. Shortcut for typing: jQuery( )
$( )
http://www.jquery.com
*
dollar sign
36. Concatenation symbol in JavaScript
+
class selector
production
concatenation
37. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
John Resig
$
if ( $('#myDiv').length )
concatenation
38. A(n) ___ _____ is used to identify a single unique element on a page.
dollar sign
$("#c").attr("checked", "checked");
if not $('#myDiv').show();
id selector
39. Disable an element
HTML string
$("#x").attr("disabled","disabled");
$("#c").attr("checked","");
var myValue = $('#myDivId').val();
40. Test whether an element has a particular class
HTML string
node
$('.myCssClass')
var myValue = $('#myDivId').val();
$("<selector>").<method>;
id selector
viewport
developer
$('#myDivId').val("hello world");
*
if ( $('#myDiv').is('.pretty') )
descendent selector
var myDivElement = $('#myDivId');
$("#c").attr("checked","");
$( )
dot
John Resig
$("img#dog").fadeIn(3000);
CSS
<script></script>
milliseconds
Write Less
dot
$("#x").attr("disabled","disabled");
slideToggle
code block
transparent
if ( $('#myDiv').length )
browser
if not $('#myDiv').show();
var isHidden = $('#myDiv').is(':hidden');
$("#some\.id") instead of $("#some.id")
slideUp
$("h1").hide();
$
slideDown
if ( $('#myDiv').is('.pretty') )
http://www.jquery.com
$("#myselect option:selected").text();
terminator
html
$("#c").attr("checked", "checked");
concatenation
interpreter
$(document).ready( function( ) {/* your code here */} );
opaque
html
jQuery
1000
class selector
$("#x").removeAttr("disabled");
semicolon
dollar sign
selector
JavaScript
production
none
+
method
DOM (Document Object Model)
var isVisible = $('#myDiv').is(':visible');
if ( $(this).hasClass("protected")
$('#myDivId')
41. 3 types of things that can go into the jQuery function: $( ) - CSS Selector - ________ - and JavaScript object
Write Less
$("<selector>").<method>;
$("#x").removeAttr("disabled");
HTML string
42. Uncheck an input
selector
class selector
$("#c").attr("checked","");
$('#myDivId').val("hello world");
43. The process of adding or 'gluing' various kinds of data together often in a message
concatenation
HTML string
slideDown
jQuery
44. Determine the state of a toggled element
$
class selector
transparent
HTML string
var isVisible = $('#myDiv').is(':visible');
if ( $('#myDiv').is('.pretty') )
terminator
interpreter
milliseconds
method
id selector
$("<selector>").<method>;
developer
slideToggle
var myValue = $('#myDivId').val();
$("#x").attr("disabled","disabled");
CSS
$("h1").hide();
code block
opaque
Write Less
$(document).ready( function( ) {/* your code here */} );
dot
dot
semicolon
descendent selector
if ( $('#myDiv').length )
$('#myDivId').val("hello world");
var myDivElement = $('#myDivId');
$('.myCssClass')
dollar sign
$("#some\.id") instead of $("#some.id")
1000
var isHidden = $('#myDiv').is(':hidden');
if ( $(this).hasClass("protected")
<script></script>
var isVisible = $('#myDiv').is(':visible');
browser
selector
slideUp
http://www.jquery.com
$('#myDivId')
slideDown
node
production
viewport
if not $('#myDiv').show();
John Resig
JavaScript
$("#c").attr("checked","");
$("#myselect option:selected").text();
jQuery
none
$("img#dog").fadeIn(3000);
$("#c").attr("checked", "checked");
concatenation
$( )
DOM (Document Object Model)
*
html
$("#x").removeAttr("disabled");
html
+
45. Get the text value of a selected option
slideToggle
browser
$('#myDivId')
$("#myselect option:selected").text();
46. Assign a selected element to a javascript variable
<script></script>
browser
$
$("#some\.id") instead of $("#some.id")
slideDown
http://www.jquery.com
$("#c").attr("checked", "checked");
dot
concatenation
var isVisible = $('#myDiv').is(':visible');
interpreter
descendent selector
$("h1").hide();
class selector
$("<selector>").<method>;
dot
CSS
if ( $(this).hasClass("protected")
jQuery
slideToggle
code block
slideUp
semicolon
method
node
html
$("#c").attr("checked","");
dollar sign
if ( $('#myDiv').is('.pretty') )
$("img#dog").fadeIn(3000);
Write Less
$("#x").attr("disabled","disabled");
$('#myDivId').val("hello world");
$("#myselect option:selected").text();
$("#x").removeAttr("disabled");
var isHidden = $('#myDiv').is(':hidden');
selector
+
var myDivElement = $('#myDivId');
$('.myCssClass')
opaque
1000
developer
transparent
milliseconds
$('#myDivId')
JavaScript
none
if ( $('#myDiv').length )
var myValue = $('#myDivId').val();
id selector
production
DOM (Document Object Model)
*
html
if not $('#myDiv').show();
John Resig
$( )
terminator
HTML string
var myDivElement = $('#myDivId');
$(document).ready( function( ) {/* your code here */} );
viewport
47. The _____ method changes the height property of an element until it is zero and then hides the element.
var myDivElement = $('#myDivId');
$(document).ready( function( ) {/* your code here */} );
$
slideUp
48. Set the value of an element
$("#c").attr("checked", "checked");
id selector
none
$("#myselect option:selected").text();
dot
class selector
method
if ( $(this).hasClass("protected")
browser
concatenation
CSS
developer
var isVisible = $('#myDiv').is(':visible');
descendent selector
if ( $('#myDiv').length )
$("#some\.id") instead of $("#some.id")
code block
html
terminator
$("#c").attr("checked","");
+
semicolon
$
$( )
var myValue = $('#myDivId').val();
*
$('#myDivId')
$(document).ready( function( ) {/* your code here */} );
jQuery
JavaScript
opaque
selector
viewport
node
if ( $('#myDiv').is('.pretty') )
<script></script>
$('#myDivId').val("hello world");
dot
if not $('#myDiv').show();
$("<selector>").<method>;
$('#myDivId').val("hello world");
var myDivElement = $('#myDivId');
$("h1").hide();
production
slideUp
$("img#dog").fadeIn(3000);
John Resig
Write Less
$('.myCssClass')
interpreter
slideToggle
milliseconds
http://www.jquery.com
html
$("#x").removeAttr("disabled");
transparent
dollar sign
1000
HTML string
var isHidden = $('#myDiv').is(':hidden');
slideDown
$("#x").attr("disabled","disabled");
DOM (Document Object Model)
49. Given: $("div p").hide(); Here the selector is an example of a _________; the parent is on the left and child is on the right
descendent selector
1000
<script></script>
DOM (Document Object Model)
50. Show item if it exists but do nothing (no errors)
dollar sign
interpreter
if not $('#myDiv').show();
class selector
selector
var myDivElement = $('#myDivId');
slideUp
if not $('#myDiv').show();
$('#myDivId').val("hello world");
$(document).ready( function( ) {/* your code here */} );
$
none
milliseconds
browser
http://www.jquery.com
$('#myDivId')
dot
terminator
HTML string
descendent selector
1000
html
+
semicolon
DOM (Document Object Model)
$("<selector>").<method>;
CSS
<script></script>
slideDown
slideToggle
if ( $('#myDiv').length )
$("h1").hide();
concatenation
opaque
$( )
if ( $('#myDiv').is('.pretty') )
id selector
jQuery
$("#x").attr("disabled","disabled");
JavaScript
dot
var isVisible = $('#myDiv').is(':visible');
$("#some\.id") instead of $("#some.id")
$("#c").attr("checked", "checked");
$("#myselect option:selected").text();
production
Write Less
var isHidden = $('#myDiv').is(':hidden');
method
transparent
$('.myCssClass')
developer
$("img#dog").fadeIn(3000);
John Resig
viewport
html
*
$("#x").removeAttr("disabled");
node
if ( $(this).hasClass("protected")
var myValue = $('#myDivId').val();
code block
$("#c").attr("checked","");
Sorry!:) No result found.
Can you answer 50 questions in 15 minutes?
Let me suggest you:
Browse all subjects
Browse all tests
Most popular tests
Major Subjects
Tests & Exams
AP
CLEP
DSST
GRE
SAT
GMAT
Certifications
CISSP go to https://www.isc2.org/
PMP
ITIL
RHCE
MCTS
More...
IT Skills
Android Programming
Data Modeling
Objective C Programming
Basic Python Programming
Adobe Illustrator
More...
Business Skills
Advertising Techniques
Business Accounting Basics
Business Strategy
Human Resource Management
Marketing Basics
More...
Soft Skills
Body Language
People Skills
Public Speaking
Persuasion
Job Hunting And Resumes
More...
Vocabulary
GRE Vocab
SAT Vocab
TOEFL Essential Vocab
Basic English Words For All
Global Words You Should Know
Business English
More...
Languages
AP German Vocab
AP Latin Vocab
SAT Subject Test: French
Italian Survival
Norwegian Survival
More...
Engineering
Audio Engineering
Computer Science Engineering
Aerospace Engineering
Chemical Engineering
Structural Engineering
More...
Health Sciences
Basic Nursing Skills
Health Science Language Fundamentals
Veterinary Technology Medical Language
Cardiology
Clinical Surgery
More...
English
Grammar Fundamentals
Literary And Rhetorical Vocab
Elements Of Style Vocab
Introduction To English Major
Complete Advanced Sentences
Literature
Homonyms
More...
Math
Algebra Formulas
Basic Arithmetic: Measurements
Metric Conversions
Geometric Properties
Important Math Facts
Number Sense Vocab
Business Math
More...
Other Major Subjects
Science
Economics
History
Law
Performing-arts
Cooking
Logic & Reasoning
Trivia
Browse all subjects
Browse all tests
Most popular tests