jQuery Tutorial

General Tutorials

These tutorials cover the fundamentals of the jQuery library - covering a diverse number of topics.

• How jQuery Works by John Resig.
  A basic introduction to jQuery and the concepts that you need to know to use it.
  Tags: jQuery Core, Selectors, CSS, Traversing, Manipulation, Events, Effects

• Getting Started with jQuery by Jörn Zaefferer
  Goes through the basics of jQuery, all the way up to building plugins.
  Tags: jQuery Core, Selectors, Attributes, Traversing, Manipulation, Events, Effects, Ajax, Plugins

• jQuery For Designers by Mark Panay
  Examples of writing Unobtrusive JavaScript to add simple behavior to a web page.
  Tags: Selectors, Manipulation, Effects, Events

• Live Examples of jQuery by Cody Lindley
  An interactive demonstration of the basics behind jQuery.
  Tags: Selectors, Attributes, Traversing, Effects, Manipulation

[edit]

Interface

• Introduction to jQuery Animation by Abel Mohler

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

• jQuery Tutorials for Designers by Sydney Monis

• Highlight words in an html page by Reuven

• 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

• 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)

• 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

• 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 web.enavu

• Making a jQuery infinite carousel with nice features by web.enavu

• How to make a completely reusable jquery modal window by web.enavu

• Make a custom tab interface with JQuery by web.enavu

• Cool navigation menu made with JQuery by web.enavu

• Sliding door effect with JQuery by web.enavu

• Image splitting effect with CSS and JQuery by web.enavu

• Create an amazing contact form with jQuery. by web.enavu

• Making image captions using jQuery by web.enavu

• Client side filtering data with jQuery by web.enavu

• 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 web.enavu

• Making a Cool Spotlight Effect with jQuery by web.enavu

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

[edit]

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

[edit]

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