JQuery Resources

Interface

• 51+ Best of jQuery Tutorials and Examples by Sydney Monis

• jQuery Tutorials for Designers by Sydney Monis

• jQuery Tabs Build simple jQuery Tabs controls (Beginner's Tutorials) by Greg Sidelnikov

• Create a Roll Over Star Comment Rating with JQuery by Eli Geske

• Form validation with jQuery from scratch by Daniel

• Create an Accessible Slideshow Using jQuery by Jacob Gube

• Create a Vertical Scrolling Menu with Tooltips by Andrew Valums

• Create a Horizontal Scrolling Menu with CSS and jQuery by Andrew Valums

• Slide and Hide Section with jQuery by WebAir

• Learn About The Animation Abilities Of jQuery by Detached Designs

• The Dollar Sign What is the Significance of the Dollar Sign ($)?

• Smooth and Stunning Popup from scratch by Adrian Mato (yensdesign.com)

• Create a smooth tabbed menu in jQuery by Adrian Mato (yensdesign)

• How to Validate Forms in both sides using PHP and jQuery by Adrian Mato (yensdesign.com)

• Improving search boxes with jQuery by Adrian Mato (yensdesign)

• Create An Image Gallery with JQuery by Detached Designs

• Submit a Form Without Refresh Using jQuery by NETTUTS

• Create a tabbed content area by Queness

• Simple jQuery Modal Window Tutorial by Queness

• AJAX Interface using JQuery/PHP by Vision Master Designs

• Building modal panels with jQuery by Daniel

• Image Rollovers Using $(this) by ShopDev Labs

• Jquery Image Loader add loading animation before image completely loaded by Bali Web Design

• State-Saving jQuery Accordion Menu Without Reloading the Page by Michael Jacob Davis

• Creating a very basic Image Gallery in JQuery by Jack Franklin

• Disjointed rollovers in jQuery by Justin Farmer

• Image Enlargement with .animate() by Justin Farmer

• jQuery Frequently Asked Questions (FAQ) by Michael Jacob Davis

• Ajaxify your web pages using jQuery by Bali Web Design

• PHP jQuery Ajax Login by Bali Web Design

• SEO friendly ajax by Bali Web Design

• Building a Lightbox by dryan

• Simple JQuery Image Slide Show with Semi-Transparent Caption by Queness

• jQuery Image Gallery/News Slider with Caption Tutorial by Queness

• Create an Attractive jQuery Menu with Fadein and Fadeout Effect by Queness

• Create a Vertical, Horizontal and Diagonal Sliding Content Website with jQuery by Queness

• Simple Lava Lamp Menu Tutorial with jQuery by Queness

• jQuery Moving Tab and Sliding Content Tutorial by Queness

• Create a Stunning Sliding Door Effect with jQuery by Queness

• jQuery Thumbnail with Zooming Image and Fading Caption Tutorial by Queness

• Making a jQuery pagination system by TutsValley

• Making a jQuery infinite carousel with nice features by TutsValley

• How to make a completely reusable jquery modal window by TutsValley

• Make a custom tab interface with JQuery by TutsValley

• Cool navigation menu made with JQuery by TutsValley

• Sliding door effect with JQuery by TutsValley

• Image splitting effect with CSS and JQuery by TutsValley

• Create an amazing contact form with jQuery. by TutsValley

• Making image captions using jQuery by TutsValley

• Client side filtering data with jQuery by TutsValley

• Create a Thumbnail with Fading Caption Using jQuery by Queness

• Create a Simple Infinite Carousel with jQuery by Queness

• jQuery Drop Down Menu for RSS Subscription Tutorial by Queness

• 7 Amazing Presentation Slides to Teach you How to Code with jQuery by TutsValley

• Making a Cool Spotlight Effect with jQuery by TutsValley

• jQuery Photo Slide Show with Slick Caption Tutorial Revisited by Queness

Misc

• Beginner's Plugin Tutorial Build jQuery Plugins from scratch (Beginner's tutorials).

• Run my JQuery script only if a certain element exists! by Eli Geske

• How to switch to an Alternate Stylesheet using jQuery by Web Dev Codex

• Roundup of jQuery Menus by Query7 Staff

• 5 Tips for Better jQuery Code by Marc Grabanski

• Creating AJAX websites based on anchor navigation using jQuery by Ivan Guardado Castro & Adrian Mato (yensdesign)

• Easy XML Consumption Using JQuery by Joseph Ucuzoglu

• Creating a very basic Image Gallery in JQuery by Jack Franklin

• jQuery Thickbox and ColdFusion Dynamic Image Resizing by Raymond Camden

• An introduction to jQuery and Form Validation by Raymond Camden

• Useful and Handy jQuery Tips and Tricks by Queness

• JQuery/PHP: Simple Random Text Generation Box

Using jQuery with...

• ASP.NET UserControl and jQuery by Hossein Rahmani

• Using AjaxPro by Michael Schwarz
  An example on how to use jQuery and Ajax.NET Professional together.
  Tags: Ajax

• Using Ext With jQuery by Juha Suni
  Getting started with the Ext library and jQuery.
  Tags: Ajax, Plugins, Ext
• Simple Web 2.0 with Lasso and jQuery
• jQuery snippets
• An introduction to using JQuery with Lasso
• Using jQuery with Adobe AIR
• Quickstart Guide to ColdFusion+jQuery - Easy example on using jQuery with ColdFusion components (.cfc).]
• My First ExtJS DataGrid (Part 2, Part 3, Part 4, and Part 5)
• JQuery Ajax + Rails
• jQuery + jqGrid + Rails = Powerful Grid Component in your Rails app!
• CakePHP Ajax "Quick Save" with jQuery by Marc Grabanski:
  Using jQuery and CakePHP together to perform an Ajax form save.
• jQuery and Google Maps Tutorials by Marc Grabanski:
  • jQuery & Google Maps #1 Basics - Getting started using jQuery inside the Google Maps API.
  • jQuery & Google Maps #2 Ajax - Saving and Retrieving Points with Ajax.
• Using jQuery with Joomla 1.5 and PHP 5
• Using jQuery to Enhance the Appearance and Usability of a Structured Document with the NetBeans IDE by Lloyd Dunn
• Drupal 6.x Creating a lavaLamp menu * GeeksandGod.com - Tutorials
• Integrating SharePoint 2007 and jQuery (Part 2, SmartTools.jQuery on CodePlex) by Jan Tielens

Sources for tutorials

These are sites that are dedicated to regularly providing a number of jQuery tutorials.

• jQuery Tutorials Tutorials for Beginners
• TutorialsPoint - jQuery Tutorials
• Learning jQuery maintained by jQuery Project Team member Karl Swedberg
• jQuery for Designers (incl. screencasts) maintained by jQuery Project Team member Remy Sharp
• valums.com - jQuery & Web Tutorials
• 15 Days of jQuery
• Detached Designs - jQuery Blog
• absolute beginner's blog
• jQuery HowTo, Tutorials & Plugins
• jQuery UI Tutorials
• yensdesign.com - jQuery & web tutorials
• Query7.com - jQuery Tutorials & Plugin Reviews
• Queness - jQuery tutorials
• TutsValley - jQuery Tutorials

jQuery API Tutorials

These tutorials directly look at different concepts presented in the jQuery API and discuss them in-depth.

jQuery Core

• Introducing $(document).ready() by Karl Swedberg
  An introduction to the $(document).ready() function and explaining how important it is.
  Tags: jQuery Core

• Multiple $(document).ready() by Karl Swedberg
  Some advanced tips for working with $(document).ready().
  Tags: jQuery Core
• Quicker Than window.onload()

Traversing and Selectors

• How to Get Anything You Want by Karl Swedberg
  An introduction to jQuery selectors and traversal methods, and their use in navigating the DOM
  Tags: Selectors, Attributes, Traversing

• Zebra Striping Made Easy by Jack Born
  Walking through the simple code needed to stripe table rows.
  Tags: Traversing, Selectors, CSS, Events

• Auto-Selecting Navigation by Remy Sharp
  Highlighting the current page in a navigation menu.
  Tags: Selectors, Attributes, Traversing

• 5 Quick jQuery Tips by Rowan Lewis
  Some quick, short, examples of what you can do with jQuery.
  Tags: Selectors, Attributes, Traversing, Manipulation, CSS
• Stylesheet Switcheroo
• Getting Select List Values by Marc Grabanski
  Using jQuery selectors to get the current value or option from a select list.

Manipulation, Attributes, and CSS

• Wrapping Images With A Drop Shadow by Jack Born
  A simple example of using .wrap() to add a drop shadow to an image.
  Tags: Manipulation

• Rounded Corners by Jack Born
  Adding rounded corners to an element, using no extra markup.
  Tags: Manipulation

• Multiple File Upload Magic by Jack Born
  Building an unobtrusive multiple file upload input.
  Tags: Selectors, Attributes, Manipulation, Events, Forms

• Getting Around The Minimum Height Glitch by Yansky
  Just a quick tutorial for getting around the min-height glitch
  Tags: Selectors, CSS

• PNG Opacity Fix for IE6 by Timo Besenreuther
  How to make transparent PNGs possible in Internet Explorer 6
   
• Fancy Drop Cap (Part 2)
• Multiple Fancy Drop Caps
• Semi-transparent Rollovers
• Fancy quote marks while preserving presentation
• Turn Nested Lists Into a Collapsible Tree With jQuery
• Easy Multi Select Transfer with jQuery
• rs membership

Events

• Mouse Position by Patrick Hall
  Some quick examples of finding the position of the mouse on a page.
  Tags: Events, Attributes

• Accordion Menu (Screencast) by John Resig
  Building a simple, unobtrusive, Accordion-style menu using basic events and animations.
  Tags: jQuery Core, Selectors, Attributes, Events, Effects, Screencasts

• AJAX and Events by Karl Swedberg and Jonathan Chaffer
  Discusses binding event handlers to DOM elements at the appropriate times.
  Tags: Ajax, Events, Manipulation

• Really Simple Live Comment Preview by Karl Swedberg
  Adding a live preview to the comment entry area of Wordpress.
  Tags: Events, Attributes, Forms
• Creating an OS Web Interface in jQuery by Adrian Mato (yensdesign.com)
• Smooth and Stunning Popup from scratch by Adrian Mato (yensdesign.com)
• Create an amazing music player using mouse gestures & hotkeys in jQuery by Adrian Mato & Ivan Guardado Castro (yensdesign.com)
• Collapsible Layouts - Use jQuery to create smart collapsible page layouts.
• Working with Events - Event Delegation
• Working with Events - Event Re-binding
• Easy Image Rollovers with CSS class
• Animated Menus
• Blurring Links
• Affiliate Link Loveliness
• Pop Up Menu
• Set a Hover Class for Anything
• Characters Remaining on an Input Field
• Text Box Hints
• News scroller/ticker with jQuery and AJAX - multiple news, fading effect, mouseover pause
• jQuery Text Resizing by ShopDev

• A simple tab script with jquery by Codersstuff.com

Ajax

• Quick and Dirty Ajax by Jack Born
  A screencast that provides a quick run through of all the different types of Ajax that're possible with jQuery.
  Tags: Ajax, Screencasts

• Safer Contact Forms Without CAPTCHAs by Jack Born
  Building a complete, jQuery-based, solution for stopping spammers from mis-using your forms.
  Tags: Ajax, Manipulation, Forms

• Edit in Place with Ajax by Jack Born
  Building an edit-in-place solution that saves all data in the background, using Ajax.
  Tags: Ajax, Events, Manipulation, Forms

• AJAX and Events by Karl Swedberg and Jonathan Chaffer
  Discusses binding event handlers to DOM elements at the appropriate times.
  Tags: Ajax, Events, Manipulation
• How to load content via AJAX in jQuery by Adrian Mato (yensdesign.com)
• Create a shoutbox using PHP and AJAX (with jQuery) by Adrian Mato (yensdesign.com)
• Creating AJAX websites based on anchor navigation using jQuery by Ivan Guardado Castro & Adrian Mato (yensdesign)
• Easy Ajax With jQuery by Akash Mehta
• Simplify Ajax development with jQuery by Jesse Skinner
• Ajax development with jQuery using PHP and JSON objects by FactsAndPeople.com
• No More Ajax Headaches - How to debug Ajax calls with FireBug
• Auto-populating Select Boxes using jQuery & Ajax - Also makes use of PHP and JSON.
• Ajax with Special Effects
• Ajax'ed Formats* Microsoft Certification Exams
• Easy AJAX with jQuery
• Auto-Complete Field with jQuery, JSON & PHP (Part 2)
• AJAX callbacks with jQuery
• jQuery and XML
• jQuery Makes Parsing XML Easy by Marc Grabanski
  Quick code example to illustrate how jQuery can make parsing XML simpler.
• create ajax based login form using jquery PHP by Bali Web Design updated here
• auto populate dropdownlist via ajax request with Jquery by Bali Web Design
• PUT and DELETE with jQuery
• Ajax with jQuery, PHP and JSON objects by FactsAndPeople.com
• Create a Ajax based Form Submission with jQuery+PHP by Queness
• A Simple AJAX Driven Website with jQuery+PHP by Queness
• Checking username availability with ajax using jQuery by TutsValley

Plugin Development

• jQuery Plugin Tutorial Learn to make jQuery plugins by following these plugin patterns
• A Plugin Development Pattern by Mike Alsup
• How to create a plugin for jQuery by Adrian Mato (yensdesign.com)
• jQuery for Programmers – Writing a simple, dynamic, plugin using jQuery.
• Building jQuery Plugins
• Turn your jQuery code into a richer, unit testable, plugin
• A Really Simple jQuery Plugin Tutorial by Queness
• Introduction to building jQuery plugins by Andrew Valums
• jQuery Plugin Patterns by Winton Welsh
• Building Your First jQuery Plugin
• Building jQuery Plugins by Daniel
• How to display tips by creating a jQuery plugin by Adrian Mato & Ivan Guardado Castro (yensdesign.com)
• A Really Simple jQuery Plugin Tutorial by Queness

Tools

These guides look at using jQuery with different tools and utilities.

• Using Firebug and jQuery (Screencast)
• Have Your jQuery Fun on Any Site with Greasemonkey
• Getting started with Aptana and jQuery
• Updated jQuerify Bookmarklet
• Solving JQuery IntelliSense Weirdness in Aptana 1.1
• Using jQuery with Spket IDE
• Using syntax coloration in Vim

Web Services

• Parsing Yahoo Pipes JSON Feeds with jQuery - A tutorial on how to parse and display JSON feeds from the Yahoo Pipes Web Service using jQuery.