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 Elements | There 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 - DOM Insertion, Inside | In this lesson we investigate the DOM Insertion, Inside methods which allow us to insert new content inside an existing element. | 4 - 6 |
| Lesson 3 - DOM Insertion, Outside | In our second look at DOM manipulation we investigate the DOM Insertion, Outside methods which allow us to insert new content outside an existing element. | 7 - 9 |
| Lesson 4 - DOM Insertion, Around | In our third look at DOM manipulation we investigate the DOM Insertion, Around methods which allow us to insert new content that wraps around existing content. | 10 - 12 |
| Lesson 5 - DOM Removal & Replacement | In 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 Effects | jQuery 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 Effects | For 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 Effects | In 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 Utilities | In 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 Utilities | In 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..
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.
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.
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.
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.
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.
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.
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.
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.
Question 10 : The jQuery DOM Insertion, Around methods allow us wrap a DOM element, HTML string, jQuery object or selector expression around?
- The jQuery DOM Insertion, Around 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.
Question 11 : What is returned from the DOM Insertion, Around methods?
- The DOM Insertion, Around methods return the original matched set for chaining purposes.
Question 12 : How many DOM Insertion, Around methods are there?
- There are 3 DOM Insertion, Around methods.
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..
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.
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.
Question 16 : What is the default setting of the easing property?
- The default setting of the <code>easing</code> property is <code>swing</code>.
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.
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.
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>.
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.
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.
Question 22 : What is the default queue name for effects?
- The default queue name for effects is <code>fx</code>.
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.
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
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.
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.
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>.
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
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.
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.
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.
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 .
