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.
Read moreRead less
Tutorials

All jQuery tutorials:

  1. 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.

  2. 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...

  3. 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...

  4. 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...

  5. 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...

  6. 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...

  7. 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...

  8. 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...

  9. "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...

  10. 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...

  11. 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...

  12. Create a Fun Tweet Counter With jQuery

    Create a Fun Tweet Counter With jQuery

    Tutorial • Intermediate

    In this tutorial, we will look at using jQuery to call Twitter’s API and then use the results to create a widget for a blog or personal website that shows...

Related Categories

JavaScript
WordPress
Mobile Development
PHP
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.