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 content:

  1. Custom Events, and the Special Events API in 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...

  2. Use Sprites to Create an Awesomeness-Filled Navigation Menu

    Use Sprites to Create an Awesomeness-Filled Navigation Menu

    Tutorial Intermediate

    CSS sprites can dramatically increase a website's performance, and with jQuery, we can implement awesome transition effects easily. Let's get started.

  3. Simple Draggable Element Persistence with jQuery

    Simple Draggable Element Persistence with jQuery

    Tutorial Intermediate

    At some point you may need to create a draggable element within your web application. This is great functionality, however you may want or find that you...

  4. How to Create an Image Gallery Powered by Picasa

    How to Create an Image Gallery Powered by Picasa

    Tutorial Intermediate

    In this tutorial we are going to create a simple image gallery powered by Google's Picasa Web Albums. In order to enhance the user's experience, we'll throw...

  5. Drag to Share

    Drag to Share

    Tutorial Intermediate

    We’ve all seen the brilliant functionality on Mashable where news stories and interesting articles can be shared to social networking sites; the...

  6. 10 Really Helpful Traversing Functions in jQuery

    10 Really Helpful Traversing Functions in jQuery

    Tutorial Intermediate

    With jQuery, selecting HTML elements is laughably easy. But at times, we may wish to further refine the selection, which can be a hassle when the HTML...

  7. How to Create a Simple News Ticker

    How to Create a Simple News Ticker

    Tutorial Intermediate

    In this tutorial we’ll be looking at how we can transform some semantic and accessible underlying HTML into an attractive and functional news ticker that...

  8. Create  a Twitter-Like "Load More" Widget

    Create a Twitter-Like "Load More" Widget

    Tutorial Intermediate

    Both Twitter and the Apple App Store use a brilliant technique for loading more information; you click the link and fresh items magically appear on the...

  9. Making a Content Slider with jQuery UI

    Making a Content Slider with jQuery UI

    Tutorial Intermediate

    In this tutorial we’re going to be using the jQuery UI slider widget to create an attractive and functional content slider. We’ll have a container, which has...

  10. "Outside the Box" Navigation with jQuery

    "Outside the Box" Navigation with jQuery

    Tutorial Intermediate

    Just about every website uses the regular navigation concepts we're all used to. After awhile this can get pretty boring, especially for designers who thrive...

  11. Build a Web 2.0 Document Search Site

    Build a Web 2.0 Document Search Site

    Tutorial Intermediate

    In this article, we will create a document searching site with jQuery. This site will be used to search documents by specifying an extension (file type). The...

  12. Using jQuery To Manipulate and Filter Data

    Using jQuery To Manipulate and Filter Data

    Tutorial Intermediate

    When a webpage is designed to display large tables of data, a great amount of consideration should be dedicated to allowing the user to sort through the data...