🎶 Sym - 一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)平台

📕 思源笔记 - 一款桌面端笔记应用,支持 Windows、Mac 和 Linux

🎸 Solo - B3log 分布式社区的博客端节点,欢迎加入下一代社区网络

♏ Vditor - 一款浏览器端的 Markdown 编辑器

很不错的 jQuery 学习资料和实例

这些都是学习Jquery很不错的资料,整理了一下,分享给大家。 希望能对大家的学习有帮助。


Noupe带来的51个最佳jQuery教程和实例 , 向大家介绍了jQuery的一些基本概念和使用的相关教程,  如果你对jQuery感兴趣, 也可以查看帕兰写的文章:

John Resig

John Resig, 这位是 JQuery JavaScript脚本库的创建者, 同时也是Mozilla公司的技术人员.

进一步了解John Resig

15 Days Of jQuery

15 Days Of jQuery -15天内从零到精通的 jQuery教程.

进一步查看这个教程15 Days Of jQuery


Learning jQuery

进一步查看 LearningjQuery.com里面的教程


Bassistance - 这个教程向你展示如何通过jQuery创建插件.

  • Getting Started with jQuery - 本指南介绍了该jquery库。它一步一步的解释jQuery的细节,包括一个简单的Hello World举例演示,选择和活动的基本知识,Ajax, FX和使用情况以及如何创建插件。

Cody Lindley

Cody Lindley - ThickBoxjTip plugins的创建人

Featured Tutorials on Cody Lindley

Remy sharp’s Blog

Remy sharp- 在 他的博客 里面, 有许多关于jQuery的教程和插件。



  •  jquery 中文教程和实例

  •  jQuery 中文社区

  •  jQuery 爱好者

  •  咱们园子中张子秋的Jquery教程

  •  Jquery框架--Javascript之家

  •  cssrain


    Featured Tutorials on Remy sharp’s Blog
    • Text box hints - You will see a lot of web sites with search boxes have text already populated inside of the field and when you select the input text box it disappears and reappears when it’s not selected. This tutorial will show you how can add a small amount of jQuery to add this feature to any of your web sites.
    • Auto-populating Select Boxes using jQuery & AJAX - Allow the user to select a top level category from one select box and to automatically populate the sub-category using jQuery and Ajax.
    Featured Tutorials on jQueryForDesigners
    • Using Ajax to Validate Forms - With this tutorial you will be able to have your first forms that do the following: 1) Live username checking, 2) Password confirmation and strength, 3) Checking if an email address is already registered, 4) URL validation
    • Image Cross Fade Transition - How to fade one image in to another?

    Web Designer Wall

    • jQuery Tutorials for Designers - This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery. Effects include: Simple slide panel, Simple disappearing effect, Chain-able transition effects, Accordion, Animated hover effect, Entire block clickable, Collapsible panels.


    CSS-Tricks is a home for examples, tutorials, tips, tricks, and news regarding Cascading Style Sheets. Chris Coyer is getting into jQuery lately and posting interesting jQuery tutorials in his journey to learn jQuery.

    Featured Tutorials on CSS-Tricks

    Getting started with jQuery

    • The jSkinny on jQuery - A tutorial on the jQuery javascript library (from a Ruby/Rails perspective).
    • How to Get Anything You Want - An introduction to jQuery selectors and traversal methods, and their use in navigating the DOM.
    • It’s all about CSS - If you’ve got a good understand of CSS selectors, then you’re already familiar with how to query the DOM.
    • jQuery Crash Course - For those who’d like to learn more about jQuery, one of the more popular libraries, here’s a crash course written with code-savvy web designers in mind.
    • jQuery in 15 minutes - A short introduction to jQuery.
    • jQuery Basics - This section covers basic usage of jQuery from getting started to finding elements and working with CSS.
    • Easy JavaScript for Designers - A nice little writeup for the jQuery Java Script Library. Designers need all of the coding shortcuts they can and jQuery seems to deliver.

    jQuery Cheat Sheets

    • jQuery Cheatsheet - The cheat sheet comes in two flavors: 1) Made for iPhone and iPod Touch, and any other mobile device with internet access. 2) Old-school printable A4 cheat sheet
    • jQuery 1.2 Cheat Sheet

    Building jQuery Plugins

    jQuery Effects and Techniques

    Ajax development with jQuery

    • Easy Ajax with jQuery - Akash Mehta will show us how to simplify the process of adding Ajax to the application even further with the help of jQuery, a popular JavaScript library.
    • Simplify Ajax development with jQuery - Discover how easy Ajax and DOM scripting can be
    • Quick and Dirty AJAX - A walk through tutorial showing some of the basic ways you could use jQuery to add AJAX functionality to your site.
    • A Quick Code Igniter and JQuery Ajax Tutorial - A step-by-step tutorial will show you how to combine the power of jQuery with Code Igniter (a PHP framework based on the MVC design pattern) to quickly and painlessly pass a record ID through the javascript and over to the server, where it will be passed to a mysql database, used to retrieve some data, and sent back to the page for display.

    jQuery Fixing common Browser Issues