Learn jQuery

Extend the capabilities of JavaScript with the fast and feature-rich jQuery library. Learn everything you need to know from these helpful jQuery tutorials.

All jQuery tutorials:

Filters

jQuery

Quick Tip: Making a Fancy WordPress Register Form from Scratch

Tutorial • Beginner

In this tutorial, I will guide you through the process of making a beautiful "Register" form, using Fancybox, jQuery, and, of course, WordPress. As you'll...

Ivor Padilla • 19 May 2010
jQuery

How jQuery Beginners can Test and Improve their Code

Tutorial • Beginner

jQuery's arrival has made the process writing JavaScript laughably easy. But, you'll notice that making small changes to your code improves the readability...

Siddharth • 29 Apr 2010
jQuery

A jQuery UI and .Net Image Organizer

Tutorial • Beginner

Over the course of this tutorial we'll look at how to create a simple image organizer that lets users reorder a series of images; this functionality could be...

Dan Wellman • 23 Apr 2010
jQuery

Fun With Canvas: Create a Bar Graphing Plugin, Part 1

Tutorial • Intermediate

In this two-part series, we'll combine the versatile canvas element with the robust jQuery library to create a bar graphing plugin. In this first part, we...

Siddharth • 8 Apr 2010
jQuery

Quick Tip: An Introduction to jQuery Templating

Tutorial • Intermediate

JavaScript Templating is a neat idea: it allows you to easily convert JSON to HTML without having to parse it. At Microsoft's MIX10 conference, they...

Andrew Burgess • 2 Apr 2010
jQuery

How to Use the jQuery UI Autocomplete Widget

Tutorial • Intermediate

In this tutorial we'll be looking at one of jQuery UI 1.8's newest components - the Autocomplete widget. Auto-completing text fields can be a popular choice...

Dan Wellman • 29 Mar 2010
jQuery

How to Build a Lava-Lamp Style Navigation Menu

Tutorial • Intermediate

A couple weeks ago, I created a screencast that demonstrated how to build a three-level navigation menu. In a response email, one of our readers requested...

Jeffrey Way • 13 Mar 2010
jQuery

Uncovering jQuery's Hidden Features

Tutorial • Intermediate

jQuery is not always as it appears. There's a lot of cool stuff going on under the surface, and there are many methods just waiting to be discovered, and...

James Padolsey • 8 Mar 2010
jQuery

How to Build and Enhance a 3-Level Navigation Menu

Tutorial • Beginner

Perhaps more than any other topic, I'm most often contacted about how to build cross-browser navigation menus. Understandably, the reason is because every...

Jeffrey Way • 1 Mar 2010
jQuery

Coding your First jQuery UI Plugin

Tutorial • Intermediate

jQuery contains the fn.extend() method, which makes authoring jQuery plugins quite easy, allowing us to write code that is used in exactly the same way as...

Dan Wellman • 24 Feb 2010
jQuery

jQuery Animations: A 7-Step Program

Tutorial • Intermediate

A dash of animation can spruce up a dull interface. In this tutorial, you'll learn how to do it the right way with jQuery.

Siddharth • 6 Jan 2010
jQuery

Custom Events, and the Special Events API in jQuery

Tutorial • Intermediate

Web pages, for the most part, are event-driven. Libraries such as jQuery have provided helper methods to make this functionality much easier to grasp. In...

Phil Tobias • 10 Dec 2009