If you’re new to Jquery, it’s a write less/do more javascript library. Containing both Ajax and Javascript elements which allow you to enhance user experience and semantic code.

JQuery is now used widely in web design, in today’s article we’ve gathered 50+ Must Learn JQuery Tutorials & Cheat Sheets. You’ll learn about how to create navigation menus, text effects, Jquery tips and many cheat sheets. These jQuery Tutorials and Cheat Sheets will help you gain more skills in jQuery.

Want to learn more about JQuery? Here is mega collection of JQuery Tutorials & Cheat Sheets!

Table of Contents

The Best Way to Learn JavaScript

jQuery Feed Menu

“Outside the Box” Navigation with jQuery

CSS and jQuery Tutorial: Fancy Apple-Style Icon Slide Out Navigation

An Intensive Exploration Of jQuery

jQuery Sequential List

 JQuery for Absolute Beginners: The Complete Series

An Intensive Exploration Of jQuery

10 Things I Learned from the jQuery Source

 11 More Things I Learned From the jQuery Source

 Quick Tip: Dissecting jQuery – Text

 jQuery Cheat Sheet

 JQuery Visual Cheat Sheet 1.6

 Simple Tooltip w/ jQuery & CSS

 Simple jQuery/CSS3 Modal Box

 jQuery Slide Effect

 Inline Modal Window w/ CSS and jQuery

 Automatic Image Slider w/ CSS & jQuery

 Better Check Boxes with jQuery and CSS

 Shutter Effect Portfolio with jQuery and Canvas

 Coding a Rotating Image Slideshow w/ CSS3 and jQuery

 Creating a Stylish Coming Soon Page with jQuery

 Color Fading Menu with jQuery

 Building an Elegant Tooltip Dropdown Menu Powered by jQuery

 How to Create a jQuery Confirm Dialog Replacement

 Animated Portfolio Gallery with jQuery

 How to Make Auto-Advancing Slideshows

 Parallax Slider with jQuery

 Greyscale Hover Effect w/ CSS & jQuery

 Mega Drop Down Menus w/ CSS & jQuery

 Animated Text and Icon Menu with jQuery

 Fullscreen Slideshow with HTML5 Audio and jQuery

 Image Wall with jQuery

 Rotating Image Slider with jQuery

 Moving Boxes Content with jQuery

 Expanding Image Menu with jQuery

 Animated Content Menu with jQuery

 Overlay-like Effect with jQuery

 Thumbnails Preview Slider with jQuery

 Sweet Thumbnails Preview Gallery

 Animated Form Switching with jQuery

 Moleskine Notebook with jQuery Booklet

 Bubbleriffic Image Gallery with jQuery

 Portfolio Zoom Slider with jQuery

 Fullscreen Gallery with Thumbnail Flip

 Custom Animation Banner with jQuery

 jQuery Menu w/ Drop Down Tutorial

Portfolio Image Navigation with jQuery

Sexy Drop Down Menu w/ jQuery & CSS

Related Posts Slide Out Boxes with jQuery and CSS3

Combined Facebook, Twitter & RSS Social Stats with jQuery, PHP & YQL

Beautiful Slide Out Navigation: A CSS and jQuery Tutorial