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
Start Test
Study First
Subject
:
it-skills
Instructions:
Answer 32 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. Elements can be hidden immediately or over a specific period of time - show() - Displays element if they are hidden - show(speed, callback) - hide() - Hides the element - hide(speed,callback) - toggle() - Toggles display of matched element - toggle(s
Fading Elements In and Out
Showing / Hiding Elements
Event Handler
Event Functions - Specialized Tasks
2. To retrieve cross browser sizing information for elements - use the jQuery size-related CSS functions - height() - height(val) - width() - width(val) - innerHeight() - innerWidth( - outerHeight(margin) - outerWidth(margin)
Event Handler
Working with CSS Sizing Information
Selectors & Filters
Creating Custom Animations
3. Elements can be faded in and out or to a certain opacity. You can also control speed. fadeIn(speed, callback) - fadeOut(speed, callback) - fadeTo(speed, opacity, callback)
Creating Custom Animations
Fading Elements In and Out
attr function
Selectors & Filters
4. jQuery provides several functions for inserting content into the document (DOM) before and after existing elements - append(content) - Appends after content inside - appendTo(selector) - prepend(content) - Appends before content inside - prependTo(se
Instance
Event Functions - Specialized Tasks
Inserting Content (Move stuff around within DOM)
jQuery Statement Chaining
5. Handlers are any functions that you write to handle events.
Helper Functions - Common Events
Types of Selectors
Handlers
$
6. One of jQuery's most powerful features is its ability to chain multiple functions together to perform several operations in one line of code - $(selector) .fn1() .fn2() .fn3(); functions are executed in order.
jQuery Statement Chaining
Types of Selectors
Event Functions - Specialized Tasks
Callback Function
7. The CSS positioning functions provide cross-browser way for figuring out the positions of elements - offset() - offsetParent() - position() - scrollTop() - scrollTop(val) - scrollLeft() - scrollLeft(val)
Helper Functions - Common Events
Working with CSS Positioning
Event Functions
Inserting Content (Move stuff around within DOM)
8. Events are connected and disconnected from elements using the bind() and unbind() functions - bind(event,data,handler) - $(selector) .bind(event, data, handler) - .unbind(event,handler) - $selector .unbind(event,handler)
Selectors & Filters
Wrapping - Replacing & Removing Content
Fading Elements In and Out
Event Functions
9. selector - selector .class1.class2 - parent>child - ancestor descendant - prev+next - prev~siblings.
Fading Elements In and Out
Advanced selectors
$(this)
Object
10. $(selector) .one(type, data, handler) - $(selector) .trigger(event, data) - $(selector) .triggerHandler(event, data)
Event Functions - Specialized Tasks
Working with CSS Sizing Information
Creating Custom Animations
Callback Function
11. jQuery can wrap existing content in the page - replace content - copy content and remove it - wrap(html) - wrap(element) - wrapAll(html) - wrapAll(element) - wrapInner(html) - wrapInner(element) - replaceWith(content) - replaceAll(selector) - empty()
Advanced selectors
Wrapping - Replacing & Removing Content
Event Functions - Specialized Tasks
Inserting Content (Move stuff around within DOM)
12. Elements - #id tags - .classNames tag.className tag#id.className * all elements
Types of Selectors
Instance
jQuery Statement Chaining
Types of jQuery filters
13. When an event fires - use (this) to refer to the element that fired it. This provides a nicer way to talk about the element that fired the event - rather having to re-select it.
Sliding Page Elements
$(this)
jQuery Events
Wrapping - Replacing & Removing Content
14. Provides a pre-built set of functionality giving pages a nice look - Interactions: drag - drop - resize - selectable - sortable - Widgets: Accordian - datepicker - progressbar - dialog - slider - tabs - Effects: Add class - remove class - toggle clas
Working with CSS Positioning
jQuery UI Library
Fading Elements In and Out
Sliding Page Elements
15. jQuery library supplies basic animation and effects functions that perform common visual effects. ( showing/hiding - Fading in and out - Moving elements around the screen)
Wrapping - Replacing & Removing Content
Animation and Effects
Instance
Event Handler
16. An instance is an individual example of a generic object.
Inserting Content (Move stuff around within DOM)
jQuery UI Library
Showing / Hiding Elements
Instance
17. Event handlers are used to invoke some code when a certain action happens. When you want some behavior or action to be triggered when a user does something on the page you use an event handler. When an event happens - it has "fired" and when we write
Event Handler
Advanced selectors
Working with CSS Positioning
Inserting Content (Move stuff around within DOM)
18. jQuery provides a single object with the most important properties - type - Type of the event ("click", e.g.) - target - Element that issued event - data - data passed to bind function - pageX, pageY - result - timestamp - preventDefault() - isDefaul
Advanced selectors
Showing / Hiding Elements
Event Object
API
19. Application programming interface. An API is an abstraction that defines and describes an interface for the interaction with a set of functions used by components of a software system. The software providing the functions described by an API is said
Fading Elements In and Out
API
attr function
Selectors & Filters
20. Basic - Content - Visibility - Attribute - Child - Form.
$(this)
API
Wrapping - Replacing & Removing Content
Types of jQuery filters
21. When you create a web page and load it in a web browser it takes the document you have written and turns it into an object. Each HTML document loaded into a browser window becomes a Document object. So the DOM represents the web page that is currentl
Showing / Hiding Elements
DOM Document object model
Animation and Effects
Advanced selectors
22. Use jQuery's attr functions to inspect or change the value of an attribute on elements: attr(name) - attr(properties) - attr(key, value) - attr(key, fn) - removeAttr(name)
Event Handler
Types of Selectors
attr function
Animation and Effects
23. This is the jQuery object. $ ("document").ready(function () { Your Code }); This is where all of jQuery's functionality is accessed from.
jQuery Events
$
Inserting Content (Move stuff around within DOM)
Fading Elements In and Out
24. An object is a self contained collection of data which comes in two forms properties and methods. A property is a variable belonging to an object. A method is a function that the object can invoke. These properties and methods are all combined into o
Object
Advanced selectors
$(this)
Types of jQuery filters
25. To create a custom animation for properties on page elements call the animate() function - animate(params, duration, easing, callback) - animate(params, options) - stop()
Animation and Effects
Creating Custom Animations
Event Handler
Handlers
26. Callback functions specify code that needs to run after the effect has finished. Not all but many methods accept callbacks. The callback function is called after the animation is 100% finished. The callback parameter is a function to be executed afte
Helper Functions - Common Events
Showing / Hiding Elements
Callback Function
Fading Elements In and Out
27. jQuerys CSS functions provide easy - cross browser access for setting properties and working with positioning and sizing information. The css() function allows you to retrieve and set CSS styles for a set of matched elements. - Functions: css(name) -
Instance
Working with CSS Information
Event Handler
Helper Functions - Common Events
28. jQuery selectors return an array of objects that match the selection criteria. jQuery filters operate on a selector to further refine the results array that the selector returns as jquery objects.
Fading Elements In and Out
Selectors & Filters
Wrapping - Replacing & Removing Content
Instance
29. Sliding effects is another way to reveal page elements. You can also toggle the slide animation - slideDown(speed, callback) - slideUp(speed, callback) - slideToggle(speed, callback)
Event Functions - Specialized Tasks
Selectors & Filters
Types of Selectors
Sliding Page Elements
30. Several "helper" functions can perform common event-related tasks - click(fn) - $(selector) .click(fn) - hover(fnOver, fnOut) - toggle(fn1, fn2, fn3, fn4...)
API
Handlers
Types of Selectors
Helper Functions - Common Events
31. To use these you would download the jqueryui and reference it.
jquery.ui.com/demos
Handlers
Working with CSS Information
jQuery Statement Chaining
32. jQuery provides ways for working with events that is simpler than relying on the DOM. Makes it easy to assign event handlers to groups of elements by using selectors and filters - Binding/Unbinding - Unified Event Object - Convenience Features
Event Object
jQuery Events
Types of jQuery filters
Showing / Hiding Elements