Learning jQuery, Third Edition电子书

Learning jQuery Third Edition

Table of Contents

Learning jQuery Third Edition

Credits

Foreword

About the Authors

About the Reviewers

www.PacktPub.com

Support files, eBooks, discount offers and more

Why subscribe?

Free access for Packt account holders

Preface

What This Book Covers

What you need for this book

Who this book is for

History of the jQuery project

Conventions

Reader feedback

Customer support

Downloading the example code

Errata

Piracy

Questions

1. Getting Started

What jQuery does

Why jQuery works well

Our first jQuery-powered web page

Downloading jQuery

Setting up jQuery in an HTML document

Adding our jQuery code

Finding the poem text

Injecting the new class

Executing the code

The finished product

Plain JavaScript vs. jQuery

Development tools

Firebug

Summary

2. Selecting Elements

The Document Object Model

The $() function

CSS selectors

Styling list-item levels

Attribute selectors

Styling links

Custom selectors

Styling alternate rows

Form selectors

DOM traversal methods

Styling specific cells

Chaining

Accessing DOM elements

Summary

Further reading

Exercises

3. Handling Events

Performing tasks on page load

Timing of code execution

Multiple scripts on one page

Shortcuts for code brevity

Passing an argument to the .ready() callback

Simple events

A simple style switcher

Enabling the other buttons

Event handler context

Further consolidation

Shorthand events

Compound events

Showing and hiding advanced features

Highlighting clickable items

The journey of an event

Side effects of event bubbling

Altering the journey: the event object

Event targets

Stopping event propagation

Default actions

Event delegation

Methods for event delegation

Removing an event handler

Event namespacing

Rebinding events

Simulating user interaction

Keyboard events

Summary

Further reading

Exercises

4. Styling and Animating

Inline CSS modification

Basic hide and show

Effects and speed

Speeding in

Fading in and fading out

Sliding up and sliding down

Compound effects

Creating custom animations

Building effects by hand

Animating multiple properties at once

Positioning with CSS

Simultaneous versus queued effects

Working with a single set of elements

Bypassing the queue

Manual queueing

Working with multiple sets of elements

Callbacks

In a nutshell

Summary

Further reading

Exercises

5. Manipulating the DOM

Manipulating attributes

Non-class attributes

Value callbacks

DOM element properties

DOM tree manipulation

The $() function revisited

Creating new elements

Inserting new elements

Moving elements

Wrapping elements

Inverted insertion methods

Copying elements

Cloning for pull quotes

Content getter and setter methods

Further style adjustments

DOM manipulation methods in a nutshell

Summary

Further reading

Exercises

6. Sending Data with Ajax

Loading data on demand

Appending HTML

Working with JavaScript objects

Retrieving JSON

Global jQuery functions

Executing a script

Loading an XML document

Choosing a data format

Passing data to the server

Performing a GET request

Performing a POST request

Serializing a form

Delivering different content for Ajax requests

Keeping an eye on the request

Error handling

Ajax and events

Security limitations

Using JSONP for remote data

Additional options

The low-level Ajax method

Modifying default options

Loading parts of an HTML page

Summary

Further reading

Exercises

7. Using Plugins

Finding plugins and help

How to use a plugin

Downloading and referencing the Cycle plugin

Simple plugin use

Specifying plugin method parameters

Parameter defaults

Other types of plugins

Custom selectors

Global function plugins

The jQuery UI plugin library

Effects

Color animations

Class animations

Advanced easing

Additional effects

Interaction components

Widgets

jQuery UI ThemeRoller

Summary

Exercises

8. Developing Plugins

Use of the $ alias in plugins

Adding new global functions

Adding multiple functions

Adding jQuery object methods

Object method context

Implicit iteration

Method chaining

Method parameters

Parameter maps

Default parameter values

Callback functions

Customizable defaults

The jQuery UI widget factory

Creating a widget

Destroying widgets

Enabling and disabling widgets

Accepting widget options

Adding sub-methods

Triggering widget events

Plugin design recommendations

Plugin distribution

Summary

Exercises

9. Advanced Selectors and Traversing

Selecting and traversing revisited

Dynamic table filtering

Table row striping

Combining filtering and striping

More selectors and traversal methods

Customizing and optimizing selectors

Writing a custom selector plugin

Selector performance

Sizzle selector implementation

Testing selector speed

DOM traversal under the hood

jQuery object properties

The DOM element stack

Writing a DOM traversal method plugin

DOM traversal performance

Improving performance using chaining

Improving performance using caching

Summary

Further reading

Exercises

10. Advanced Events

Events revisited

Loading additional pages of data

Displaying data on hover

Event delegation

Using jQuery's delegation methods

Choosing a delegation method

Delegating early

Using a context argument

Custom events

Infinite scrolling

Custom event parameters

Throttling events

Other ways to perform throttling

Special events

More about special events

Summary

Further reading

Exercises

11. Advanced Effects

Animation revisited

Observing and interrupting animations

Determining the animation state

Halting a running animation

Caution when halting animations

Global effect properties

Globally disabling all effects

Fine-tuning animation smoothness

Defining effect durations

Multi-property easing

Deferred objects

Animation promises

Summary

Further reading

Exercises

12. Advanced DOM Manipulation

Sorting table rows

Server-side sorting

Ajax sorting

JavaScript sorting

Moving and inserting elements, revisited

Adding links around existing text

Sorting simple JavaScript arrays

Sorting DOM elements

Storing data alongside DOM elements

Performing additional precomputation

Storing non-string data

Alternating sort directions

Using HTML5 custom data attributes

Sorting and building rows with JSON

Modifying the JSON object

Rebuilding content on demand

Advanced attribute manipulation

Shorthand element creation

DOM manipulation hooks

Writing a CSS hook

Summary

Further reading

Exercises

13. Advanced Ajax

Progressive enhancement with Ajax

Harvesting JSONP data

Ajax error handling

The jqXHR object

Ajax promises

Caching responses

Throttling Ajax requests

Extending Ajax capabilities

Data type converters

Ajax prefilters

Alternate transports

Summary

Further reading

Exercises

A. JavaScript Closures

Inner functions

The great escape

Variable scoping

Interactions between closures

Closures in jQuery

Arguments to $(document).ready()

Event handlers

Binding handlers in loops

Named and anonymous functions

Memory leak hazards

Accidental reference loops

The Internet Explorer memory leak problem

The good news

Summary

B. Testing JavaScript with QUnit

Downloading QUnit

Setting up the document

Organizing tests

Adding and running tests

Asynchronous testing

Other types of tests

Practical considerations

Further reading

Summary

C. Quick Reference

Selector expressions

Simple CSS

Position among siblings

Position among matched elements

Attributes

Forms

Other custom selectors

DOM traversal methods

Filtering

Descendants

Siblings

Ancestors

Collection manipulation

Working with selected elements

Event methods

Binding

Shorthand binding

Special shorthands

Triggering

Shorthand triggering

Utility

Effect methods

Predefined effects

Custom animations

Queue manipulation

DOM manipulation methods

Attributes and properties

Content

CSS

Dimensions

Insertion

Replacement

Removal

Copying

Data

Ajax methods

Issuing requests

Request monitoring

Configuration

Utilities

Deferred objects

Object creation

Methods of deferred objects

Methods of promise objects

Miscellaneous properties and functions

Properties of the jQuery object

Arrays and objects

Object introspection

Other

Index