Learning jQuery 3 by Boduch, Adam -- Read -- Imperial Library of Trantor

Index

Title Page Copyright Credits About the Authors About the Reviewer www.PacktPub.com Customer Feedback Dedication Preface

What this book covers What you need for this book Who this book is for Conventions Reader feedback Customer support

Downloading the example code Errata Piracy Questions

Getting Started

What jQuery does? Why jQuery works well? What's new in jQuery 3?

Browser support Deferred objects Asynchronous document-ready All the rest

Making 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 versus jQuery Using development tools

Chrome Developer Tools

Summary

Selecting Elements

Understanding the DOM Using the $() function CSS selectors

Styling list-item levels

Selector specificity Attribute selectors

Styling links

Custom selectors

Styling alternate rows Finding elements based on textual content Form selectors

DOM traversal methods

Styling specific cells Chaining

Iterating over jQuery objects Accessing DOM elements Summary

Further reading

Exercises

Handling Events

Performing tasks on page load

Timing of code execution Handling multiple scripts on one page Passing an argument to the document ready callback

Handling simple events

A simple style switcher Enabling the other buttons Making use of event handler context Consolidating code using event context Shorthand events Showing and hiding page elements

Event propagation

The journey of an event Side effects of event bubbling

Altering the journey - the event object

Event targets Stopping event propagation Preventing default actions Delegating events Using built-in event delegation capabilities

Removing an event handler

Giving namespaces to event handlers Rebinding events

Simulating user interaction

Reacting to keyboard events

Summary

Further reading

Exercises

Styling and Animating

Modifying CSS with inline properties

Setting computed style property values Using vendor-specific style properties

Hiding and showing elements Effects and duration

Speeding in Fading in and fading out Sliding up and sliding down Toggling visibility

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 Queuing effects manually

Working with multiple sets of elements

Queuing with callbacks

In a nutshell

Summary

Further reading

Exercises

Manipulating the DOM

Manipulating attributes and properties

Non-class attributes

Value callbacks

Data attributes DOM element properties The value of form controls

DOM tree manipulation

The $() function revisited Creating new elements Inserting new elements Moving elements Wrapping elements

Explicit iteration

Using inverted insertion methods

Copying elements

Cloning for pull quotes

Content getter and setter methods DOM manipulation methods in a nutshell Summary

Further reading

Exercises

Sending Data with Ajax

Loading data on demand

Appending HTML Working with JavaScript objects

Retrieving JSON Using global jQuery functions Executing a script

Loading an XML document

Choosing a data format Passing data to the server

Performing a GET request Serializing a form

Keeping an eye on the request Error handling Ajax and events Deferreds and promises

Performing Ajax calls on page load Using fetch()

Summary

Further reading

Exercises

Using Plugins

Using a plugin

Downloading and referencing the Cycle plugin Calling a plugin method Specifying plugin method parameters Modifying 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

The jQuery Mobile plugin library

HTML5 custom data attributes Mobile navigation Delivering multiple pages in one document Interactive elements

List views Toolbar buttons

Advanced features

Summary Exercises

Developing Plugins

Using the dollar ($) alias in plugins Adding new global functions

Adding multiple functions

Extending the global jQuery object Isolating functions within namespaces

Adding jQuery object methods

Object method context Implicit iteration Enabling method chaining

Providing flexible method parameters

Options objects Default parameter values Callback functions Customizable defaults

Creating plugins with the jQuery UI widget factory

Creating a widget Destroying widgets Enabling and disabling widgets Accepting widget options Adding methods Triggering widget events

Plugin design recommendations

Distributing a plugin

Summary Exercises

Advanced Selectors and Traversing

Selecting and traversing revisited

Dynamic table filtering Striping table rows Combining filtering and striping More selector 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 traversal properties The DOM element stack Writing a DOM traversal method plugin DOM traversal performance

Improving performance using chaining Improving performance with caching

Summary

Further reading

Exercises

Advanced Events

Revisiting events

Loading additional pages of data Displaying data on hover

Event delegation

Using jQuery's delegation capabilities Choosing a delegation scope Delegating early

Defining custom events

Infinite scrolling Custom event parameters

Throttling events

Other ways to perform throttling

Extending events

More about special events

Summary Further reading Exercises

Advanced Effects

Animation revisited Observing and interrupting animations

Determining the animation state Halting a running animation

Caution when halting animations

Using global effect properties

Disabling all effects Defining effect durations

Multi-property easing Using deferred objects

Animation promises

Taking fine-grained control of animations Summary

Further reading

Exercises

Advanced DOM Manipulation

Sorting table rows

Sorting tables on the server Sorting tables using Ajax Sorting tables within the browser

Moving and inserting elements revisited

Adding links around existing text Sorting simple JavaScript arrays Sorting DOM elements

Storing data alongside DOM elements

Performing additional pre-computation 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

Revisiting attribute manipulation

Using shorthand element creation syntax DOM manipulation hooks

Writing a CSS hook

Summary

Further reading

Exercises

Advanced Ajax

Implementing progressive enhancement with Ajax

Harvesting JSONP data

Handling Ajax errors Using the jqXHR object

Ajax promises Caching responses

Throttling Ajax requests Extending Ajax capabilities

Data type converters Adding Ajax prefilters Defining alternate transports

Summary

Further reading

Exercises

Appnedix A – 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

Appendix B – Quick Reference

Selector expressions

Simple CSS Position among siblings Position among matched elements Attributes Forms Miscellaneous selectors

DOM traversal methods

Filtering Descendants Siblings Ancestors Collection manipulation Working with selected elements

Event methods

Binding Shorthand binding 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

← Prev
Back
Next →

← Prev
Back
Next →