jQuery

jQuery is a JavaScript library which was developed by John Resig and released in 2006. It is currently the most popular JavaScript library in use today, offering rich DOM element selector and traversal capabilities along with effects and animations. This path will show you the basics of working with jQuery and how you can apply its rich feature set to your websites.

Get Started

Related topics

Web developer, Web designer, UI/UX developer, HTML, CSS, JavaScript, Bootstrap

What you will learn:

  • jQuery usage
  • Working with the DOM
  • Working with HTML, CSS and Bootstrap
  • Visuals and effects
  • Events
  • Ajax
  • Data
  • Advanced jQuery features

Beginner

The courses in this section will take you through the basics of working with jQuery. You’ll learn the fundamentals of the language before moving on to UI controls and jQuery effects and animations.

1

jQuery Fundamentals

by Dan Wahlin

Feb 21, 2011 / 5h 18m

Beginner • 5h 18m

Start Course
Description

This course will guide you through the features of the jQuery "write less, do more" library. We'll demonstrate how you can use jQuery to select and manipulate DOM elements, process events, and build a compelling user interface for web clients.

Table of contents
  1. jQuery Fundamentals
    29m 57s
  2. Using jQuery Selectors
    1h 7m
  3. Interacting with the DOM
    1h 10m 8s
  4. Handling Events
    1h 16m 33s
  5. Working with Ajax Features
    1h 14m 47s
2

jQuery UI

by Scott Allen

Nov 28, 2011 / 1h 54m

Beginner • 1h 54m

Start Course
Description

jQuery UI provides abstractions for low-level interaction and animation, advanced effects, and high-level 'widgets'. This course guides you through all of the features of the jQuery UI library, and shows you how to use them to build highly interactive web applications.

Table of contents
  1. Introduction to jQuery UI
    21m 48s
  2. jQuery UI Widgets Part I
    30m 15s
  3. jQuery UI Widgets Part II
    30m 3s
  4. Interactions with jQuery UI
    19m 8s
  5. jQuery UI Effects
    13m 21s
3

jQuery In-Depth

by Karl Swedberg

Feb 19, 2013 / 3h 35m

Intermediate • 3h 35m

Start Course
Description

Karl leverages his experience on the jQuery Team and gives a thorough walkthrough of all of the most important parts of jQuery. He discusses how to resolve some common misuses of each of these areas and also covers recent changes to jQuery like the new Ajax promise API and cleaning up your event handling and delegation by using the new "on" method.

Table of contents
  1. Events in jQuery
    1h 34m 57s
  2. DOM Manipulation
    57m 30s
  3. Ajax
    39m 40s
  4. Effects and Animations
    23m 20s

Intermediate

The intermediate courses will build on the skills introduced in the previous section. You’ll learn about common jQuery bugs and how to fix them, in addition to working with forms and plugins.

4

jQuery Forms and Bootstrap 3

by Mark Zamoyta

Jan 9, 2014 / 3h 34m

Intermediate • 3h 34m

Start Course
Description

Learn how to create great looking, responsive forms using Bootstrap 3. Make the most out of your forms by using jQuery form selectors, events and methods. This course covers Bootstrap form styling, jQuery validation, data binding to forms, third party form controls, autocomplete and touches upon server side processing of forms.

Table of contents
  1. jQuery Forms and Bootstrap 3
    8m 42s
  2. Bootstrap 3 Form Layout and Styling
    33m 46s
  3. jQuery Forms
    23m 17s
  4. The jQuery Validation Plugin
    35m 36s
  5. Data Binding with Forms
    23m 2s
  6. Third Party Form Controls for Bootstrap
    23m 45s
  7. Autocomplete with Typeahead.js
    43m 24s
  8. Processing Forms
    23m 24s
5

Fixing Common jQuery Bugs

by Elijah Manor

Jun 28, 2013 / 2h 7m

Intermediate • 2h 7m

Start Course
Description

In this course we will examine common bugs that are accidentally introduced when developing with jQuery. For each bug we will expose the problem, explain what is going on, and then exterminate the issue with a solution. The goal is to help prevent you from making these mistakes and in the process gain a better understanding of how jQuery works.

Table of contents
  1. Introduction
    1m 51s
  2. Core Bugs
    27m 45s
  3. Selectors, Traversing & Manipulation Bugs
    32m 19s
  4. Events & Ajax Bugs
    39m 35s
  5. Effects, Utilities, & Internal Bugs
    25m 59s
6

Useful jQuery Plugins

by Robert Boedigheimer

Jan 17, 2014 / 3h 6m

Intermediate • 3h 6m

Start Course
Description

Learn about many jQuery plugins that will allow you to greatly enhance user experience with very little effort. This course does not focus on creating plugins, but rather on many popular ones to use for your web site. See where you can find good plugins, how to decide which ones to use, and how to add them to your website without ruining your page performance.

Table of contents
  1. Introduction
    33m 48s
  2. Image Plugins
    33m
  3. Forms Plugins
    30m 20s
  4. Social Plugins
    16m 59s
  5. Other Plugins
    33m 7s
  6. Miscellaneous
    39m 19s

Advanced

These advanced courses will round out your jQuery knowledge. First you’ll see some handy tips and tricks you can use to improve your code quality, before diving into the advanced topics in jQuery like advanced event handling and customization.

7

jQuery Tips and Tricks

by Dan Wahlin, Elijah Manor

Jul 18, 2013 / 4h 23m

Intermediate • 4h 23m

Start Course
Description

jQuery provides a powerful set of features that can be used to build applications but do you know some of the key tips, tricks and best practices that can be used to reduce code, promote re-use and simplify maintenance? In the jQuery Tips and Tricks course Dan Wahlin and Elijah Manor will walk you through key tips and tricks learned over the years of building applications with jQuery. Topics covered include tips and tricks related to working with the DOM, handling and triggering events, making Ajax calls, working with and caching data locally, as well as taking advantage of built-in jQuery utility functions.

Table of contents
  1. DOM Tips and Tricks
    1h 26m 50s
  2. Event Tips and Tricks
    58m 35s
  3. Ajax and Data Tips and Tricks
    1h 20m 33s
  4. Utility Tips & Tricks
    37m 11s
8

jQuery Advanced Topics

by Joe Eames

Jan 30, 2012 / 3h 3m

Advanced • 3h 3m

Start Course
Description

This course dives into several advanced topics in jQuery. Learn to leverage jQuery to move beyond simply selecting and manipulating DOM nodes. Some of the many topics covered include: authoring plugins for internal projects and for publication, improving performance of DOM node selection and insertion, customizing jQuery to add more defaults and named constants, using the data method to store and retrieve arbitrary data associated with DOM nodes, manipulating arrays and collections with jQuery's built-in utility methods, and handling events correctly even for dynamically created DOM nodes. This course also includes a comprehensive coverage of deferred objects and promises based on CommonJS. Code examples are given for most of the covered concepts.

Table of contents
  1. jQuery Advanced Topics Course Introduction
    1m 48s
  2. jQuery Utility Methods
    47m 17s
  3. Customizing jQuery
    23m 32s
  4. Authoring Plugins
    38m 8s
  5. Performance
    20m 34s
  6. Data Method
    22m 21s
  7. Advanced jQuery Event Handling
    29m 29s

Knowledge is power

A Pluralsight account is required to access adaptive skill measurement. Sign in below or sign up for a free trial.

Note: if you have an expired subscription, you can still sign in to your account and take tests.

Sign in Free trial