Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases now! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletters
Free Learning
Arrow right icon
Home > Web Development > Front End Web Development > Learning jQuery 3 - Fifth Edition
Learning jQuery 3 - Fifth Edition
Learning jQuery 3 - Fifth Edition

Learning jQuery 3: Interactive front-end website development, Fifth Edition

Profile Icon Jonathan Chaffer Profile Icon Karl Swedberg
By Jonathan Chaffer , Karl Swedberg
AU$33.99 AU$48.99
Book May 2017 448 pages 5th Edition
eBook
AU$33.99 AU$48.99
Print
AU$60.99
Subscription
Free Trial
Renews at AU$24.99p/m
Profile Icon Jonathan Chaffer Profile Icon Karl Swedberg
By Jonathan Chaffer , Karl Swedberg
AU$33.99 AU$48.99
Book May 2017 448 pages 5th Edition
eBook
AU$33.99 AU$48.99
Print
AU$60.99
Subscription
Free Trial
Renews at AU$24.99p/m
eBook
AU$33.99 AU$48.99
Print
AU$60.99
Subscription
Free Trial
Renews at AU$24.99p/m

What do you get with eBook?

Product feature icon Instant access to your Digital eBook purchase
Product feature icon Download this book in EPUB and PDF formats
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
Table of content icon View table of contents Preview book icon Preview Book

Learning jQuery 3 - Fifth Edition

Chapter 1. Getting Started

Today's World Wide Web (WWW) is a dynamic environment and its users set a high bar for both the style and function of sites. To build interesting and interactive sites, developers are turning to JavaScript libraries, such as jQuery, to automate common tasks and to simplify complicated ones. One reason the jQuery library is a popular choice is its ability to assist in a wide range of tasks.

It can seem challenging to know where to begin because jQuery performs so many different functions. Yet, there is a coherence and symmetry to the design of the library; many of its concepts are borrowed from the structure of HTML and Cascading Style Sheets (CSS). The library's design lends itself to a quick start for designers with little programming experience, since many have more experience with these technologies than they do with JavaScript. In fact, in this opening chapter, we'll write a functioning jQuery program in just three lines of code. On the other hand, experienced programmers will also appreciate this conceptual consistency.

In this chapter, we will cover:

  • The primary features of jQuery
  • Setting up a jQuery code environment
  • A simple working jQuery script example
  • Reasons to choose jQuery over plain JavaScript
  • Common JavaScript development tools

What jQuery does?

The jQuery library provides a general-purpose abstraction layer for common web scripting, and it is therefore useful in almost every scripting situation. Its extensible nature means that we could never cover all the possible uses and functions in a single book, as plugins are constantly being developed to add new abilities. The core features, though, assist us in accomplishing the following tasks:

  • Access elements in a document: Without a JavaScript library, web developers often need to write many lines of code to traverse the Document Object Model (DOM) tree and locate specific portions of an HTML document's structure. With jQuery, developers have a robust and efficient selector mechanism at their disposal, making it easy to retrieve the exact piece of the document that needs to be inspected or manipulated.
$('div.content').find('p');
  • Modify the appearance of a web page: CSS offers a powerful method of influencing the way a document is rendered, but it falls short when not all web browsers support the same standards. With jQuery, developers can bridge this gap, relying on the same standards support across all browsers. In addition, jQuery can change the classes or individual style properties applied to a portion of the document even after the page has been rendered.
$('ul > li:first').addClass('active');
  • Alter the content of a document: Not limited to mere cosmetic changes, jQuery can modify the content of a document itself with a few keystrokes. Text can be changed, images can be inserted or swapped, lists can be reordered, or the entire structure of the HTML can be rewritten and extended--all with a single easy-to-use Application Programming Interface (API).
$('#container').append('<a href="more.html">more</a>');
  • Respond to a user's interaction: Even the most elaborate and powerful behaviors are not useful if we can't control when they take place. The jQuery library offers an elegant way to intercept a wide variety of events, such as a user clicking on a link, without the need to clutter the HTML code itself with event handlers.
$('button.show-details').click(() => { 
  $('div.details').show(); 
});
  • Animate changes being made to a document: To effectively implement such interactive behaviors, a  designer must also provide visual feedback to the user. The jQuery library facilitates this by providing an array of effects such as fades and wipes, as well as a toolkit for crafting new ones.
$('div.details').slideDown();
  • Retrieve information from a server without refreshing a page: This pattern is known as Ajax, which originally stood for Asynchronous JavaScript and XML, but has since come to represent a much greater set of technologies for communicating between the client and the server. The jQuery library removes the browser-specific complexity from this process, allowing developers to focus on the server-side functionality.
$('div.details').load('more.html #content');

Why jQuery works well?

With the resurgence of interest in dynamic HTML comes a proliferation of JavaScript frameworks. Some are specialized, focusing on just one or two of the tasks previously mentioned. Others attempt to catalog every possible behavior and animation and serves these up prepackaged. To maintain the wide range of features outlined earlier while remaining relatively compact, jQuery employs several strategies:

  • Leverage knowledge of CSS: By basing the mechanism for locating page elements on CSS selectors, jQuery inherits a terse yet legible way of expressing a document's structure. The jQuery library becomes an entry point for designers who want to add behaviors to their pages because a prerequisite for doing professional web development is knowledge of CSS syntax.
  • Support extensions: In order to avoid "feature creep", jQuery relegates special-case uses to plugins. The method for creating new plugins is simple and well documented, which has spurred the development of a wide variety of inventive and useful modules. Even most of the features in the basic jQuery download are internally realized through the plugin architecture and can be removed if desired, yielding an even smaller library.
  • Abstract away browser quirks: An unfortunate reality of web development is that each browser has its own set of deviations from published standards. A significant portion of any web application can be relegated to handling features differently on each platform. While the ever-evolving browser landscape makes a perfectly browser-neutral codebase impossible for some advanced features, jQuery adds an abstraction layer that normalizes the common tasks, reducing the size of code while tremendously simplifying it.
  • Always work with sets: When we instruct jQuery to find all elements with the class collapsible and hide them, there is no need to loop through each returned element. Instead, methods such as .hide() are designed to automatically work on sets of objects instead of individual ones. This technique, called implicit iteration, means that many looping constructs become unnecessary, shortening code considerably.
  • Allow multiple actions in one line: To avoid overuse of temporary variables or wasteful repetition, jQuery employs a programming pattern called chaining for the majority of its methods. This means that the result of most operations on an object is the object itself, ready for the next action to be applied to it.

These strategies keep the file size of the jQuery package small, while at the same time providing techniques for keeping our custom code that uses the library compact as well.

The elegance of the library comes about partly by design and partly due to the evolutionary process spurred by the vibrant community that has sprung up around the project. Users of jQuery gather to discuss not only the development of plugins but also enhancements to the core library. The users and developers also assist in continually improving the official project documentation, which can be found at http://api.jquery.com.

Despite all the efforts required to engineer such a flexible and robust system, the end product is free for all to use. This open source project is licensed under the MIT License to permit free use of jQuery on any site and facilitate its use within proprietary software. If a project requires it, developers can relicense jQuery under the GNU Public License for inclusion in other GNU-licensed open source projects.

Left arrow icon

Page 1 of 8

Right arrow icon
Download code icon Download Code

Key benefits

  • - Create a fully featured and responsive client-side application using jQuery
  • - Explore all the latest features of jQuery 3.0 and code examples updated to reflect modern JavaScript environments
  • - Develop high performance interactive pages

Description

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.

What you will learn

  • -Create custom interactive elements for your web designs
  • -Find out how to create the best user interface for your web applications
  • -Use selectors in a variety of ways to get anything you want from a page when you need it
  • -Master events to bring your web pages to life
  • -Add flair to your actions with a variety of different animation effects
  • -Discover the latest features available in jQuery with the latest update of this incredibly popular title
  • -Using jQuery npm Packages

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : May 29, 2017
Length 448 pages
Edition : 5th Edition
Language : English
ISBN-13 : 9781785882982
Category :
Web Development
Languages :
JavaScript (Beginner)
Concepts :
Front End Web Development
Tools :
jQuery (Beginner)

What do you get with eBook?

Product feature icon Instant access to your Digital eBook purchase
Product feature icon Download this book in EPUB and PDF formats
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want

Product Details

Publication date : May 29, 2017
Length 448 pages
Edition : 5th Edition
Language : English
ISBN-13 : 9781785882982
Category :
Web Development
Languages :
JavaScript (Beginner)
Concepts :
Front End Web Development
Tools :
jQuery (Beginner)

Packt Subscriptions

See our plans and pricing
Modal Close icon
AU$24.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
START FREE TRIAL
BUY NOW
AU$249.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just AU$5 each
Feature tick icon Exclusive print discounts
START FREE TRIAL
BUY NOW
AU$349.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just AU$5 each
Feature tick icon Exclusive print discounts
START FREE TRIAL
BUY NOW

Frequently bought together

HTML5 and CSS3: Building Responsive Websites
HTML5 and CSS3: Building Responsive Websites
Read more
Oct 2016
course
Course
  • course Course AU$116.99
AU$116.99
Bootstrap 4 ??? Responsive Web Design
Bootstrap 4 ??? Responsive Web Design
Read more
Jul 2017
course
Course
  • course Course AU$123.99
AU$123.99
Learning jQuery 3
Learning jQuery 3
Read more
May 2017 448 pages
ebook
eBook
  • ebook eBook AU$33.99
  • print Print AU$60.99
AU$33.99 AU$48.99
AU$60.99
Stars icon
Total AU$ 274.97 289.97 15.00 saved
HTML5 and CSS3: Building Responsive Websites
AU$116.99
Bootstrap 4 ??? Responsive Web Design
AU$123.99
Learning jQuery 3
AU$33.99 AU$48.99
=
Book stack Total AU$ 274.97 289.97 15.00 saved Stars icon

Table of Contents

23 Chapters
Title Page Chevron down icon Chevron up icon
Title Page
Credits Chevron down icon Chevron up icon
Credits
About the Authors Chevron down icon Chevron up icon
About the Authors
About the Reviewer Chevron down icon Chevron up icon
About the Reviewer
www.PacktPub.com Chevron down icon Chevron up icon
www.PacktPub.com
Customer Feedback Chevron down icon Chevron up icon
Customer Feedback
Dedication Chevron down icon Chevron up icon
Dedication
Preface Chevron down icon Chevron up icon
Preface
1. Getting Started Chevron down icon Chevron up icon
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 Chevron down icon Chevron up icon
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 Chevron down icon Chevron up icon
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 Chevron down icon Chevron up icon
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 Chevron down icon Chevron up icon
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 Chevron down icon Chevron up icon
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 Chevron down icon Chevron up icon
Using Plugins
Using a plugin
Other types of plugins
The jQuery UI plugin library
The jQuery Mobile plugin library
Summary
Exercises
8. Developing Plugins Chevron down icon Chevron up icon
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 Chevron down icon Chevron up icon
Advanced Selectors and Traversing
Selecting and traversing revisited
Customizing and optimizing selectors
DOM traversal under the hood
Summary
Exercises
10. Advanced Events Chevron down icon Chevron up icon
Advanced Events
Revisiting events
Event delegation
Defining custom events
Throttling events
Extending events
Summary
Further reading
Exercises
11. Advanced Effects Chevron down icon Chevron up icon
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 down icon Chevron up icon
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 Chevron down icon Chevron up icon
Advanced Ajax
Implementing progressive enhancement with Ajax
Handling Ajax errors
Using the jqXHR object
Throttling Ajax requests
Extending Ajax capabilities
Summary
Exercises
14. Testing JavaScript with QUnit Chevron down icon Chevron up icon
Testing JavaScript with QUnit
Downloading QUnit
Setting up the document
Organizing tests
Adding and running tests
Other types of tests
Practical considerations
Summary
15. Quick Reference Chevron down icon Chevron up icon
Quick Reference
Selector expressions
DOM traversal methods
Event methods
Effect methods
DOM manipulation methods
Ajax methods
Deferred objects
Miscellaneous properties and functions

Recommendations for you

Left arrow icon
Responsive Web Design with HTML5 and CSS
Responsive Web Design with HTML5 and CSS
Read more
Sep 2022 498 pages
Full star icon 4
ebook
eBook
  • ebook eBook AU$34.98
  • print Print AU$61.99
AU$34.98 AU$49.99
AU$61.99
Building Production-Grade Web Applications with Supabase
Building Production-Grade Web Applications with Supabase
Read more
Aug 2024 534 pages
ebook
eBook
  • ebook eBook AU$38.99
  • print Print AU$68.99
AU$38.99 AU$55.99
AU$68.99
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2023 828 pages
Full star icon 4.5
ebook
eBook
  • ebook eBook AU$38.99
  • print Print AU$68.99
AU$38.99 AU$55.99
AU$68.99
Django 5 By Example
Django 5 By Example
Read more
Apr 2024 820 pages
Full star icon 3
ebook
eBook
  • ebook eBook AU$38.99
  • print Print AU$50.99
AU$38.99 AU$55.99
AU$50.99 AU$68.99
Vue.js 3 for Beginners
Vue.js 3 for Beginners
Read more
Sep 2024 302 pages
ebook
eBook
  • ebook eBook AU$27.99
  • print Print AU$50.99
AU$27.99 AU$40.99
AU$50.99
FastAPI Cookbook
FastAPI Cookbook
Read more
Aug 2024 358 pages
ebook
eBook
  • ebook eBook AU$34.98
  • print Print AU$45.99
AU$34.98 AU$49.99
AU$45.99 AU$61.99
Software Architecture with C# 12 and .NET 8
Software Architecture with C# 12 and .NET 8
Read more
Feb 2024 756 pages
Full star icon 3.5
ebook
eBook
  • ebook eBook AU$38.99
  • print Print AU$68.99
AU$38.99 AU$55.99
AU$68.99
Effective Angular
Effective Angular
Read more
Aug 2024 400 pages
ebook
eBook
  • ebook eBook AU$34.98
  • print Print AU$61.99
AU$34.98 AU$49.99
AU$61.99
Web Development with Blazor
Web Development with Blazor
Read more
Apr 2024 366 pages
Full star icon 5
ebook
eBook
  • ebook eBook AU$38.99
  • print Print AU$81.99
AU$38.99 AU$55.99
AU$81.99
React and React Native
React and React Native
Read more
Apr 2024 508 pages
Full star icon 5
ebook
eBook
  • ebook eBook AU$33.99
  • print Print AU$60.99
AU$33.99 AU$48.99
AU$60.99
Right arrow icon

People who bought this also bought

Left arrow icon
Django 4 By Example
Django 4 By Example
Read more
Aug 2022 766 pages
Full star icon 4.5
ebook
eBook
  • ebook eBook AU$38.99
  • print Print AU$68.99
AU$38.99 AU$55.99
AU$68.99
Solutions Architect's Handbook
Solutions Architect's Handbook
Read more
Jan 2022 590 pages
Full star icon 4
ebook
eBook
  • ebook eBook AU$69.98
  • print Print AU$123.99
  • audiobook Audiobook AU$89.99
AU$69.98 AU$99.99
AU$123.99
AU$89.99
Learning jQuery 3
Learning jQuery 3
Read more
May 2017 448 pages
ebook
eBook
  • ebook eBook AU$33.99
  • print Print AU$60.99
AU$33.99 AU$48.99
AU$60.99
Git for Programmers
Git for Programmers
Read more
Jun 2021 264 pages
ebook
eBook
  • ebook eBook AU$41.99
  • print Print AU$75.99
AU$41.99 AU$60.99
AU$75.99
C# 11 and .NET 7 – Modern Cross-Platform Development Fundamentals
C# 11 and .NET 7 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2022 818 pages
ebook
eBook
  • ebook eBook AU$38.99
  • print Print AU$68.99
AU$38.99 AU$55.99
AU$68.99
Responsive Web Design with HTML5 and CSS
Responsive Web Design with HTML5 and CSS
Read more
Sep 2022 498 pages
Full star icon 4
ebook
eBook
  • ebook eBook AU$34.98
  • print Print AU$61.99
AU$34.98 AU$49.99
AU$61.99
Right arrow icon

About the authors

Left arrow icon
Profile icon Jonathan Chaffer
Jonathan Chaffer
Author not interested to work on any books with us. Please do not contact!
Read more
See other products by Jonathan Chaffer
Profile icon Karl Swedberg
Karl Swedberg
Karl Swedberg is a web developer at Fusionary Media in Grand Rapids, Michigan, where he spends much of his time making cool things happen with JavaScript. As a member of the jQuery team, he is responsible for maintaining the jQuery API site at api.jquery.com. He is also a member of jQuery's Board of Advisors and a presenter at workshops and conferences. When he isn't coding, he likes to hang out with his family, roast coffee in his garage, and exercise at the local CrossFit gym.
Read more
See other products by Karl Swedberg
Right arrow icon
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

How do I buy and download an eBook? Chevron down icon Chevron up icon

Where there is an eBook version of a title available, you can buy it from the book details for that title. Add either the standalone eBook or the eBook and print book bundle to your shopping cart. Your eBook will show in your cart as a product on its own. After completing checkout and payment in the normal way, you will receive your receipt on the screen containing a link to a personalised PDF download file. This link will remain active for 30 days. You can download backup copies of the file by logging in to your account at any time.

If you already have Adobe reader installed, then clicking on the link will download and open the PDF file directly. If you don't, then save the PDF file on your machine and download the Reader to view it.

Please Note: Packt eBooks are non-returnable and non-refundable.

Packt eBook and Licensing When you buy an eBook from Packt Publishing, completing your purchase means you accept the terms of our licence agreement. Please read the full text of the agreement. In it we have tried to balance the need for the ebook to be usable for you the reader with our needs to protect the rights of us as Publishers and of our authors. In summary, the agreement says:

  • You may make copies of your eBook for your own use onto any machine
  • You may not pass copies of the eBook on to anyone else
How can I make a purchase on your website? Chevron down icon Chevron up icon

If you want to purchase a video course, eBook or Bundle (Print+eBook) please follow below steps:

  1. Register on our website using your email address and the password.
  2. Search for the title by name or ISBN using the search option.
  3. Select the title you want to purchase.
  4. Choose the format you wish to purchase the title in; if you order the Print Book, you get a free eBook copy of the same title. 
  5. Proceed with the checkout process (payment to be made using Credit Card, Debit Cart, or PayPal)
Where can I access support around an eBook? Chevron down icon Chevron up icon
  • If you experience a problem with using or installing Adobe Reader, the contact Adobe directly.
  • To view the errata for the book, see www.packtpub.com/support and view the pages for the title you have.
  • To view your account details or to download a new copy of the book go to www.packtpub.com/account
  • To contact us directly if a problem is not resolved, use www.packtpub.com/contact-us
What eBook formats do Packt support? Chevron down icon Chevron up icon

Our eBooks are currently available in a variety of formats such as PDF and ePubs. In the future, this may well change with trends and development in technology, but please note that our PDFs are not Adobe eBook Reader format, which has greater restrictions on security.

You will need to use Adobe Reader v9 or later in order to read Packt's PDF eBooks.

What are the benefits of eBooks? Chevron down icon Chevron up icon
  • You can get the information you need immediately
  • You can easily take them with you on a laptop
  • You can download them an unlimited number of times
  • You can print them out
  • They are copy-paste enabled
  • They are searchable
  • There is no password protection
  • They are lower price than print
  • They save resources and space
What is an eBook? Chevron down icon Chevron up icon

Packt eBooks are a complete electronic version of the print edition, available in PDF and ePub formats. Every piece of content down to the page numbering is the same. Because we save the costs of printing and shipping the book to you, we are able to offer eBooks at a lower cost than print editions.

When you have purchased an eBook, simply login to your account and click on the link in Your Download Area. We recommend you saving the file to your hard drive before opening it.

For optimal viewing of our eBooks, we recommend you download and install the free Adobe Reader version 9.