jQuery毫無疑問是目前最流行的JavasScript庫。排名最前的網站中70%使用了jQuery，並且jQuery也成為了Web開發的標準。如果你想找Web開發方面的工作，瞭解jQuery會大大的給你加分。

到目前為止教學資源無論從質量還是獲取途徑上都獲得了進步。換句話說，現在就是學習web開發的最佳時機。本文將為大家提供一系列的資源。我多希望我學習jQuery的時候也有這些資源啊，但是已經晚了。所以要推薦給初學者。

先認識jQuery家族

jQuery是一個庫，他能夠簡化DOM操作，事件監聽，動畫實現，AJAX請求等等。但或許你還不知道jQuery專案還支援其他三個以jQuery命名的庫：

1. jQuery庫 這就是人們常說起的jQuery。也是本文提到的資源針對的內容。另外兩個庫構建於這個庫之上，但針對特定的應用場景進行了擴充套件。截止本文釋出之時，主要有兩個版本：1.9.1和2.0。 其中2.0去掉了對舊版本瀏覽器的支援，例如IE6,7,8。所以為了相容性強烈建議大家採用1.9.1版本。

2. jQuery Mobile 是一個採用HTML5針對移動web應用開發的輕量級框架。它提供工具條，按鈕，列表檢視等控制元件來支援ajax-驅動和觸控操作。

在您掌握了jQuery基礎後建議你學習本框架。這裡也提供一個初級教程。

3. jQuery UI 是一系列的工具集，包含日期選擇器、對話方塊、進度條、特效以及其他一些針對web互動的應用。我感覺這一塊jQuery UI正在失去優勢，因為開發人員更傾向於更加現代化的框架。針對這一塊建議大家學習

現在你應該對jQuery家族有了初步瞭解，接下來從哪兒開始呢？

第一步：

近年來針對web開發人員的免費資源在質量上和數量上都顯著上升。下面是一些入門資源：

• JavaScript 101 很好的介紹了JavaScript。如果你對於JavaScript還不是很熟，你可以從這篇文章開始。然後你可以繼續學習一些稍後會介紹的JS書籍。
• The jQuery Getting Started Guide 對初學者來說是很好的入門教程。它講解了如何在頁面中引入jQuery,以及如何開始寫程式碼。
• 《系列：jQuery基礎課程（中文）》免費的jQuery中文視訊課程。分為11個章節，前四個章節重點介紹jQuery中選擇器的使用方法，第五、六章節介紹jQuery如何操作DOM元素，在第七、八章中，詳細介紹jQuery中的動畫特效和Ajax的呼叫過程，從第九章到最後，著重介紹與jQuery相關的常用外掛和UI外掛的使用方法。

嚐到甜頭後，你可以閱讀下一張列出的書籍。

免費電子書：

教程和部落格一般針對特定的技巧，如果你完全是新手可能對你沒什麼用。這就是書籍的好處 – 給你提供全面的系統的技術視角，並附帶例子和細節。

說實話如果你不懂JavaScript，就別想學好jQuery，下面就為大家推薦一些書籍：

• 《Eloquent JavaScript》 這本書不但教你JavaScript，也會教你一些程式設計的基礎。對那些在程式設計方面沒經驗的學習者來說這是很好的材料。
• 《JavaScript Enlightenment》包含一些高階特性講解，比如閉包，原型，復值以及繼承等。這本書希望以簡單和易於理解的方式來闡述這門語言。
• 《Dom Enlightenment》作者就是上一本書的作者。這本書深入講解JS和DOM的關係。其中的例子為你展示jQuery的幕後機制。
• 《Single Page Web Apps in Depth》教你如何把應用做得跟桌面應用一樣。你會學習如何在JS中實現集合，模型和檢視，並與後臺同步，以及如何編寫易於維護的程式碼。

下面是一些免費的jQuery書籍：

• jQuery Fundamentals 是jQuery初學者的必讀書。它深入講解了所有jQuery的主要特性。並提供易於理解的例子讓你直接在瀏覽器裡執行。
  
• jQuery Succinctly 為中高階開發闡釋了jQuery開發需要了解的概念。學習了上面的jQuery基礎後，這本書是很好的進階資料。
• jQuery本身也提供了很好的API文件，完整的示例程式碼。這也相當於一本優秀的學習書籍。

視訊

對於懶人來說視訊是學習新語言的好方式。你就舒服的坐在沙發上，老師把web開發的知識一勺一勺的喂到你嘴邊，何樂而不為呢？

下面是一些你可以立即觀看的免費jQuery視訊：

• jQuery for absolute beginners 由Nettuts提供，雖然有點過時了，但你還是能從中學到一些jQuery的基礎。
  
• JavaScript入門篇（中文） 這門課程讓您快速認識JavaScript，熟悉基本語法、視窗互動方法和通過DOM進行網頁元素的操作，學會如何編寫JS程式碼，如何運用JavaScript去操作HTML元素和CSS樣式，為JavaScript深入學習打下基礎。
• JavaScript進階篇（中文） 作為WEB攻城師必備技術JavaScript，這門課程從如何插入JS程式碼開始，學習JS基礎語法、語法、函式、方法等，讓你掌握JS程式設計思路、知識的使用等，實現運用JS語言為網頁增加動態效果，達到與使用者互動的目的。
• Learning jQuery 是一個龐大的YouTube視訊目錄，涵蓋範圍很廣，包括ready事件以及非同步提交表單等。
• JSConf 包含一些流行的JavaScript會議的視訊。
• Fronteers videos 是一系列的Fronteers前端開發會議視訊。一部分視訊是說的德語，但也有大量的英語講座。

課程和培訓

課程一般來說也會盡量解釋一些新概念。課程可能包含一些專業剪輯的視訊、練習以及示例程式碼。下面是一些的免費資源：

• Try jQuery，上文已經提到過了。為了完整性這裡再重複一次。這個課程包含視訊、示例程式碼和練習。
  
• Lessons by appendTo() 免費視訊課程，囊括了JavaScript、 jQuery、事件、方法和選擇器。
• Learn jQuery是官方的學習門戶。這裡你可以找到適合初學者的教程和文章。
• Learn jQuery in 30 Days 是tutsplus提供的郵件課程。你訂閱後會在30天內每天收到視訊教程。

演講稿

演講稿類似於視訊，但更簡潔，也沒有演講者擋住視線。下面就是一些非常受歡迎的jQuery演示：

教程和部落格

當然了，教程也有它存在的價值，比如你已經掌握了基礎之後。下面就為大家提供一些jQuery教程的資源。

• Our own tutorial collection 涵蓋很多jQuery精華。我們用jQuery庫完成各種有意思的事情並展示高階技術。（所有的PSD檔案都可以在使用者區下載）
• Nettuts 擁有大量的jQuery教程。
• jQuery Howto 是歷史最悠久的jQuery部落格之一。差不多覆蓋了jQuery的方方面面。
• jQuery For Designers 曾經是非常受歡迎的教程網，但好幾年沒更新了。但上面的一些指令碼至今還很有用處。（可能需要針對1.9版本修復）
• Badass JS 一個代表JavaScript世界的超酷展現。儘管不是教程，但它的部落格經常發表深入技術細節的文章。
• DailyJS 另一個JavaScript/jQuery部落格。你可以在這找到很多最新的外掛，並經常保持更新。

綜合

下面這些資源不能歸到上面任何一類，但我認為值得一看：

• 在stackoverflow通過vote數量來篩選jQuery的問題你就能發現一些有意思的話題，這也能幫助你進步。自己看吧
• JavaScript Garden 提供豐富的文件，介紹JavaScript最怪異的方面
• jQAPI 另一個jQuery的文件瀏覽頁面。它的介面我感覺比官方的更好看。
• jQuery Cheatsheet 提供完整的jQuery API介紹，組織良好。可以很好的加入書籤。
• jQuery Deconstructed 提供完整的原始碼和一些圖形化的分析試驗。遺憾的是沒有針對最新的jQuery更新。
• JavaScript weekly 每週郵件。每週五將收到有趣的JavaScript連結。
• Unheap 提供jQuery外掛，整潔又漂亮。所有東西都被優雅的分類並提供Demo和預覽連結。
• jQuery Plugins 是官方的外掛網站。你可以按分類找到很多外掛。
• Microjs 集合了很多的小型JavaScript庫（不包含jQuery 外掛），都有特色並輕量。只包含一些小檔案。
• JSDB 另一個有用的JS庫和外掛，但在檔案大小上沒有限制。可以按照關注程度排序以節省時間。
• CDNJS 是一個龐大的CDN，上面維護了很多的庫。你可以從他們的伺服器上引用jQuery和外掛，這樣可以為你的網站加速並節省流量。

祝學習愉快！

你還知道一些沒有列出的資源？那就在評論裡分享給大家吧。