Browse Library
Sign In Start Free Trial
Close icon Search icon
Account
Browse Library Advanced Search Sign In Start Free Trial

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Learning jQuery 3
  • Toc
  • feedback
Learning jQuery 3

Learning jQuery 3

By : Jonathan Chaffer
2.7 (3)
close
Learning jQuery 3

Learning jQuery 3

2.7 (3)
By: Jonathan Chaffer

Overview of this book

If you are a web developer and want to create web applications that look good, are efficient, have rich user interfaces, and integrate seamlessly with any backend using AJAX, then this book is the ideal match for you. We’ll show you how you can integrate jQuery 3.0 into your web pages, avoid complex JavaScript code, create brilliant animation effects for your web applications, and create a flawless app. We start by configuring and customising the jQuery environment, and getting hands-on with DOM manipulation. Next, we’ll explore event handling advanced animations, creating optimised user interfaces, and building useful third-party plugins. Also, we'll learn how to integrate jQuery with your favourite back-end framework. Moving on, we’ll learn how the ECMAScript 6 features affect your web development process with jQuery. we’ll discover how to use the newly introduced JavaScript promises and the new animation API in jQuery 3.0 in great detail, along with sample code and examples. By the end of the book, you will be able to successfully create a fully featured and efficient single page web application and leverage all the new features of jQuery 3.0 effectively.
Table of Contents (16 chapters)
close
close
Preface
Preface
What this book covers
What you need for this book
Who this book is for
Conventions
Reader feedback
Customer support
Free Chapter
1
Getting Started
Getting Started
What jQuery does?
Why jQuery works well?
What's new in jQuery 3?
Making our first jQuery-powered web page
Plain JavaScript versus jQuery
Using development tools
Summary
2
Selecting Elements
Selecting Elements
Understanding the DOM
Using the $() function
CSS selectors
Selector specificity
Attribute selectors
Custom selectors
DOM traversal methods
Iterating over jQuery objects
Accessing DOM elements
Summary
Exercises
3
Handling Events
Handling Events
Performing tasks on page load
Handling simple events
Event propagation
Altering the journey - the event object
Removing an event handler
Simulating user interaction
Summary
Exercises
4
Styling and Animating
Styling and Animating
Modifying CSS with inline properties
Hiding and showing elements
Effects and duration
Creating custom animations
Simultaneous versus queued effects
Summary
Exercises
5
Manipulating the DOM
Manipulating the DOM
Manipulating attributes and properties
DOM tree manipulation
Copying elements
Content getter and setter methods
DOM manipulation methods in a nutshell
Summary
Exercises
6
Sending Data with Ajax
Sending Data with Ajax
Loading data on demand
Choosing a data format
Passing data to the server
Keeping an eye on the request
Error handling
Ajax and events
Deferreds and promises
Summary
Exercises
7
Using Plugins
Using Plugins
Using a plugin
Other types of plugins
The jQuery UI plugin library
The jQuery Mobile plugin library
Summary
Exercises
8
Developing Plugins
Developing Plugins
Using the dollar ($) alias in plugins
Adding new global functions
Adding jQuery object methods
Providing flexible method parameters
Creating plugins with the jQuery UI widget factory
Plugin design recommendations
Summary
Exercises
9
Advanced Selectors and Traversing
Advanced Selectors and Traversing
Selecting and traversing revisited
Customizing and optimizing selectors
DOM traversal under the hood
Summary
Exercises
10
Advanced Events
Advanced Events
Revisiting events
Event delegation
Defining custom events
Throttling events
Extending events
Summary
Further reading
Exercises
11
Advanced Effects
Advanced Effects
Animation revisited
Observing and interrupting animations
Using global effect properties
Multi-property easing
Using deferred objects
Taking fine-grained control of animations
Summary
Exercises
12
Advanced DOM Manipulation
chevron up
Advanced DOM Manipulation
Sorting table rows
Moving and inserting elements revisited
Storing data alongside DOM elements
Using HTML5 custom data attributes
Sorting and building rows with JSON
Revisiting attribute manipulation
Summary
Exercises
13
Advanced Ajax
Advanced Ajax
Implementing progressive enhancement with Ajax
Handling Ajax errors
Using the jqXHR object
Throttling Ajax requests
Extending Ajax capabilities
Summary
Exercises
14
Appnedix A – Testing JavaScript with QUnit
Appnedix A – Testing JavaScript with QUnit
Downloading QUnit
Setting up the document
Organizing tests
Adding and running tests
Other types of tests
Practical considerations
Summary
Appendix B – Quick Reference
Appendix B – Quick Reference
Selector expressions
DOM traversal methods
Event methods
Effect methods
DOM manipulation methods
Ajax methods
Deferred objects
Miscellaneous properties and functions

Exercises

The challenge exercise may require the use of the official jQuery documentation at http://api.jquery.com/.

  1. Modify the key computation for the first table so that titles and authors are sorted by length rather than alphabetically.
  2. Use the HTML5 data in the second table to compute the sum of all of the book prices and insert this sum into the heading for that column.
  3. Change the comparator used for the third table so that titles containing the word jQuery come first when sorted by title.
  4. Challenge: Implement the get callback for the glowColor CSS hook.
End of Chapter 12
Next Chapter
bookmark search playlist download
font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected
Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete