JavaScript & jQuery Tutorials

JavaScript & jQuery Quizzes Home Right Arrow jQuery Intermediate Quiz

jQuery Intermediate Quiz

The questions in this second quiz on jQuery are on the topics covered in the jQuery Intermediate section of the site. The table below lists the lessons, a description of the lesson content and the the quiz question number range.

Lesson Summary

Click on a lesson in the table to go to that lesson for a refresher on the topics for that lesson.

jQuery Intermediate Lessons Description Question Range
Lesson 1 - Filtering ElementsThere are times when we want to reduce the elements in our matched set and jQuery gives us several filtering methods to do just that and in this lesson we investigate these methods and their usage.1 - 3
Lesson 2 - Inner DOM InsertionIn this lesson we investigate the inner DOM insertion methods which allow us to insert new content inside an existing element.4 - 6
Lesson 3 - Outer DOM InsertionIn our second look at DOM manipulation we investigate the outer DOM insertion methods which allow us to insert new content outside an existing element.7 - 9
Lesson 4 - Wrapped DOM InsertionIn our third look at DOM manipulation we investigate the wrapped DOM insertion methods which allow us to insert new content that wraps around existing content.10 - 12
Lesson 5 - DOM Removal & ReplacementIn our final look at DOM manipulation we investigate the DOM removal and replacement methods which allow us to delete content from the DOM as well as replace it.13 - 15
Lesson 6 - Basic & Custom EffectsjQuery has a lot of methods to dazzle our users with effects. We take a look at some basic and custom effects in this lesson.16 - 18
Lesson 7 - Fading & Sliding EffectsFor this lesson, we take our second look at effects by exploring the fade and slide effects jQuery has to offer.19 - 21
Lesson 8 - Controlling EffectsIn our final look at the effects jQuery has to offer we explore the methods and properties that allow us to control effects.22 - 25
Lesson 9 - Query General UtilitiesIn this lesson we look at the general utilities jQuery has to offer along with some jQuery global object properties.26 - 28
Lesson 10 - jQuery Copy, Data & Type UtilitiesIn this lesson we take a look at the jQuery copy, data and type utility methods, which will conclude our investigation of the many jQuery utilities available.29 - 31

jQuery Quiz

The quiz below tests your knowledge of the material learnt in the jQuery Intermediate section of the site.

Question 1 : Which JQuery filtering method is the only one that doesn't modify the jQuery object?
- The <code>.is()</code> JQuery filtering method allows testing of a jQuery object without modifying the contents..
Next >>
Question 2 : The .has() method is used to reduce the matched set to those elements that have?
- The <code>.has()</code> method reduces the matched set to those elements that have a descendant that matches the specified selector or DOM element.
<< Prev
Next >>
Question 3 : The .map() method is used to pass each element within the current matched set through what?
- The <code>.map()</code> is used to pass each element within the current matched set through a function.
<< Prev
Next >>
Question 4 : The .text() method signature allows us to retrieve all text from the matched set including?
- The <code>.text()</code> method signature allows us to retrieve all text from the matched set including descendants.
<< Prev
Next >>
Question 5 : The .appendTo() method inserts the specified content as the 'last sibling' of each element in the matched set?
- The <code>.appendTo()</code> method inserts the specified content as the 'last child' of each element in the matched set.
<< Prev
Next >>
Question 6 : The .prepend() and .prependTo() methods perform the same tasks?
- The <code>.prepend()</code> and <code>.prependTo()</code> methods do perform the same tasks but using different syntax.
<< Prev
Next >>
Question 7 : When using the .insertAfter() method and there is more than one target element what does jQuery do?
- When using the<code>.insertAfter()</code> method and there is more than one target elemen the content element will be moved to the first target element and then cloned from the first target element to the other target elements.
<< Prev
Next >>
Question 8 : The .before() and .insertBefore() methods perform different tasks but use the same syntax:
- The <code>.before()</code> and <code>.insertBefore()</code> methods perform the same tasks but using different syntax.
<< Prev
Next >>
Question 9 : When using manipulation methods with more than one target what should we ensure?
- When using manipulation methods ensure elements are coded with the <code>class</code> attribute as elements created using the <code>id</code> attribute are meant to be unique.
<< Prev
Next >>
Question 10 : The jQuery wrapped DOM insertion methods allow us wrap a DOM element, HTML string, jQuery object or selector expression around?
- The jQuery wrapped DOM insertion methods allow us to wrap a DOM element, HTML string, jQuery object or selector expression around each, all or around the content of each element in the matched set.
<< Prev
Next >>
Question 11 : What is returned from the wrapped DOM insertion methods?
- The wrapped DOM insertion methods return the original matched set for chaining purposes.
<< Prev
Next >>
Question 12 : How many wrapped DOM insertion methods are there?
- There are 3 wrapped DOM insertion methods.
<< Prev
Next >>
Question 13 : Which of the following DOM removal methods can be reinserted into the DOM at a later time if required?
- The <code>.detach()</code> DOM removal method retains all bound events and jQuery data associated with the detached elements, so they can be reinserted into the DOM at a later time if required..
<< Prev
Next >>
Question 14 : Which of the following DOM removal methods would you use when you want to completely remove all child nodes, their bound events and jQuery data associated with them.
- You would use the <code>.empty()</code> DOM removal method when you want to completely remove all child nodes, their bound events and jQuery data associated with them.
<< Prev
Next >>
Question 15 : When replacing content with other existing content, the existing content replaces the target by being cloned?
- When replacing content with other existing content, the existing content replaces the target by being moved from its old location, not by being cloned.
<< Prev
Next >>
Question 16 : What is the default setting of the easing property?
- The default setting of the <code>easing</code> property is <code>swing</code>.
<< Prev
Next >>
Question 17 : What happens to the CSS display property of an element that is to be hidden using jQuery?
- The CSS <code>display</code> property of an element that is to be hidden using jQuery is stored in the jQuery cache so if the element is later made visible, the display property is restored to its initial value.
<< Prev
Next >>
Question 18 : What happens to the .toggle() method, when the duration, easing or callback parameters are used?
- When the <code>duration</code>, <code>easing</code> or <code>callback</code> parameters are used, the <code>.toggle()</code> method becomes an animation method.
<< Prev
Next >>
Question 19 : When using fade effects what is the valid range for adjusting the opacity parameter?
- When using fade effects what is the valid range for adjusting the <code>opacity</code> parameter is <code>0 - 1</code>.
<< Prev
Next >>
Question 20 : What happens with fade and slide effect methods if we pass invalid parameters?
- If we pass invalid parameters to fade and slide effect methods, the animation still runs but uses defaults.
<< Prev
Next >>
Question 21 : Which jQuery fade method is the opacity parameter used with?
- The <code>opacity</code> parameter is used with the <code>.fadeTo()</code> method.
<< Prev
Next >>
Question 22 : What is the default queue name for effects?
- The default queue name for effects is <code>fx</code>.
<< Prev
Next >>
Question 23 : What do we use to disable all animations globally?
- We use the <code>jQuery.fx.off</code> property to disable all animations globally.
<< Prev
Next >>
Question 24 : The default effects queue will automatically .dequeue() the next function on the queue and run it if the queue hasn't started?
- Yes, the default <code>fx</code> effects queue will automatically <code>.dequeue()</code> the next function on the queue and run it if the queue hasn't started
<< Prev
Next >>
Question 25 : Which effects method causes the CSS property of all queued animations to jump to their end values?
- The <code>.finish()</code> effects method causes the CSS property of all queued animations to jump to their end values.
<< Prev
Next >>
Question 26 : The jQuery.each() jQuery General utility method, is a generic iterator function used to iterate over jQuery objects?
- The <code>jQuery.each()</code> jQuery General utility method is used to iterate over objects and arrays. Use the <code>.each()</code> jQuery method to iterate over jQuery objects.
<< Prev
Next >>
Question 27 : The jQuery.now() jQuery General utility method, is a shorthand method for getting the current date/time as returned by which expression
- The <code>jQuery.now()</code> jQuery General utility method, is a shorthand method for getting the current date/time as returned by the expression <code>(new Date).getTime()</code>.
<< Prev
Next >>
Question 28 : Which jQuery global object property should we use to extract information from navigator.userAgent?
- We should use the <code>jQuery.support</code> global object property to extract information from <code>navigator.userAgent</code>. The <code>jQuery.boxModel</code> property was deprecated in jQuery 1.3 and the <code>jQuery.browser</code> property was deprecated in jQuery 1.3 and removed in jQuery 1.9
<< Prev
Next >>
Question 29 : Which of the following methods should we use to remove the specified data that was previously stored?
- We should use the <code>.removeData()</code> jQuery method not the low-level <code>jQuery.removeData()</code> method.
<< Prev
Next >>
Question 30 : The jQuery.isArray() array detection method returns true for array-like objects.
- The <code>jQuery.isArray()</code> array detection method only returns <code>true</code> for <code>Array</code> objects.
<< Prev
Next >>
Question 31 : What is the jQuery.noop() jQuery General utility method is used for?
- The <code>jQuery.noop()</code> jQuery General utility method is used to pass around an empty function.
<< Prev
Finish!
Quiz Progress Bar Please select an answer

What's Next?

In the next quiz we test our knowledge of the topics covered in the jQuery Advanced section of the site .



  

go to home page Homepage go to top of page Top