55个有关jQuery教程，资源，技巧和秘诀的网站：终极收藏版《上》

如果你出于某种原因，不知道jQuery ，没关系。

jQuery“write less, do more”JavaScript库,

jQuery是一个简洁快速的JavaScript库，它能让你在你的网页上简单的操作文档、处理事件、运行动画效果或者添加Ajax交互

jQuery 官方网站是这样说的 –

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

在我的jQuery专栏中，我已经为大家提供了许多的jQuery教程，资源。虽然jQuery已经在国内相当流行了，关于jQuery的中文网站也有许多。但是相对于国外的jQuery教程，资源网站还是比较少的，好东西还得到国外网站上找！

我今天就给大家列举一些有关jQuery教程，资源，技巧和窍门的国外网站。

如果您自身和我一样，天生就英语语言功底差的话，你也别害怕，它是阻碍不了您学习的脚步的，只要您肯花银子，外国的经典译著，也是您好的选择。

不过，国内也不乏一些jQuery高手和jQuery网站。

既然如此，那我还是先列举一些国内比较好的jQuery介绍网站吧。

jQuery相关国内网站

jQuery 入门 ,教程

为之漫笔 国内jQuery领路人 ， 《jQuery基础教程》， 《JavaScript DOM高级程序设计》的译者。

Shawphy 走走停停看看,《jQuery参考文档》的译者之一，《锋利的jQuery》作者之一。

CssRain jQuery资源多 ，学习jQuery的首选站点。cssrain更关注jQuery的代码实现。《锋利的jQuery》作者之一。

Cloudream jQuery UI中文文档，丰富jQuery UI学习资料。

jQuery 资源

http://www.ajaxa.cn/ ajax之家|专注于web前端开发

http://cnjquery.com/jquery爱好者-jquery 中文社区 jquery中文资料最全的网站

jQuery 相关 国外网站

jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。
jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。
还有一点就是jQuery官方的网站提供了我们想要的一切。

一. 入门指南

1. 7点理由让你为什么学习jQuery

2. jQuery 速成班

介绍JQuery基础 ，进一步阅读和学习。

二. 巨大的教程系列从初级到中级用户，技巧和窍门

3.完全是jQuery初学者的网站：完整的文字教程，视频教程

经过，大约一个月， ThemeForest 释放了15个视频教程，教你如何使用jQuery库。您马上就可以开始下载。完美的学习和丰富的资源！

4.10个和设计者有关系的jQuery特效

10个超视觉的教程,用jQuery 改善用户体验。

5.jQuery简单技巧与秘诀教程

6. jQuery要点介绍

非常好的书面jquery要点介绍。

7.12个实用和便捷的jQuery 秘诀与技巧

8. 改善您的jQuery性能 – 25种优秀的秘诀

大秘诀，提高jQuery性能，有些方法是你必须知道的。

9.用jQuery建立一个不可思议的登录表单

本指南中，jQuery动画，滑动效果，即幻灯片。

10.创建照片管理网站,使用PHP和jQuery

11.创建一个jQuery 标签云

12.WordPress的苹果式滑动侧栏-使用jQuery UI

这样简洁，大方，实用的WordPress主题效果，有微博客的味道，强有力的用户体验和效果。强力推荐！！！！

演示：Demo

13.如何载入有动画效果的内容，使用jQuery

演示：Demo

14.创建一个滑动效果的标签内容区，使用CSS & jQuery

演示：Demo

15.各种造型的按钮和工具栏来丰富用户界面，使用jQuery UI CSS Framework

这些很酷的按钮和工具栏的用户界面是用jQuery UI CSS Framework开发的，非常方便用户使用，可方便地适用于任何插件，甚至静态内容。
强力推荐！！！！

演示：Demo

16.jQuery幻灯片，Cycle Plugin

轮显效果的jQuery插件可以让开发人员快速，方便地创建一个幻灯片效果。然而，这不仅仅是的幻灯片效果，还有淡入淡出的渐变效果，轮显效果的jQuery插件配备了大量的过渡效果供您使用。

演示：Demo

17. InnerFade with JQuery

InnerFade是一个jQuery的小插件 ，有幻灯片 和 淡入淡出效果， 很方便，很简单的把任何元素放进一个集装箱内。

演示：Demo

18.创建一个动态的投票器，利用jQuery 和 PHP

演示：Demo

20.jQuery Tools: Scrollable

Scroll your HTML with eye candy

功能

• 点击某一模块可以自动切换模块
• 点击左右箭头或 上方的圆形按钮可以切换模块
• 左，右箭头的操作可以用键盘操作代替
• 滚动鼠标滚轮的可以切换模块

演示：Demo

21.jQuery Tools: Tooltips

演示： Demo

22.jQuery Tools: Overlay

美丽的图片显示方式,类似于 Lightbox 效果。但是这一次似乎更优雅和更多的特效。

演示：Demo

23.jQuery Tools: Expose

揭露是一个JavaScript工具，使选定的HTML元素在网页上，使周围的因素将逐渐淡出。工程就像一个魅力如果你想脱颖而出。

演示：Demo

24.Create an amazing music player using mouse gestures & hotkeys in jQuery: Screencast

演示：Demo

25.Create an Amazon Books Widget with jQuery and XML

我有专题介绍：用jQuery+Xml实现一个用于图书推荐的小工具 »

演示：Demo

26.Creating a “Filterable” Portfolio with jQuery

我有专题介绍：2个基于jQuery 的 Filtering Blocks

演示：Demo

27. jQuery Hover Sub Tag Cloud

演示：Demo

55个有关jQuery教程，资源，技巧和秘诀的网站：终极收藏版《上》完。

文章来源：

英文文章：
55 Jquery Tutorials, Resources, Tips And Tricks: Ultimate Collection

网站：http://www.1stwebdesigner.com/