# 學習 jQuery 從入門到精通只要兩小時！

由[黑暗執行緒](http://blog.darkthread.net/)站長 Jeffrey 親自操刀、費時數月完成的[邊做邊學 jQuery 系列](https://www.youtube.com/playlist?list=PLpRG_zGZAavj3aztURYe_Sq286-Sl8PtR)影片(含文章)終於完整上線，一共 15 集精闢入裡的 [jQuery](http://jquery.com/) 觀念解說與精彩範例 (錄影的時間總共 126 分 15 秒)，絕對能讓原本就會一些 JavaScript 的開發人員快速上手 [jQuery](http://jquery.com/)，甚至於我認為已經在使用 [jQuery](http://jquery.com/) 的開發人員更應該看一遍這些影片與文章，也許能帶給你許多意外的收穫喔！

工欲善其事，必先利其器！在開始學習之前，先告訴各位一個不可或缺的學習工具：[Mini jQuery Lab](http://www.darkthread.net/MiniJQueryLab) ！

若在學習 [jQuery](http://jquery.com/) 的過程中需要練習編寫 [jQuery](http://jquery.com/) 程式碼時，可以利用 [Mini jQuery Lab](http://www.darkthread.net/MiniJQueryLab) 進行線上實驗，這讓任何人不需要在本機編輯網頁就能測試 jQuery 的效果，非常的方便！

短短兩個小時的精彩課程絕對不可錯過，以下是所有課程的連結：  
[https://www.youtube.com/playlist?list=PLpRG\_zGZAavj3aztURYe\_Sq286-Sl8PtR](https://www.youtube.com/playlist?list=PLpRG_zGZAavj3aztURYe_Sq286-Sl8PtR)

  

| 標題  | 時間長度 |
| --- | --- |
| 邊做邊學 jQuery 系列 1-初識jQuery | 6 分 07 秒 |
| 邊做邊學 jQuery 系列 2-讓網頁 jQuery 起來 | 8 分 13 秒 |
| 邊做邊學 jQeury 系列 3-jQuery 常用的 Javascript 技巧 | 13 分 08 秒 |
| 邊做邊學 jQeury 系列4 -神奇的jQuery Selector | 10 分 58 秒 |
| 邊做邊學 jQeury 系列5 -jQuery 的樣式、屬性、欄位內容存取語法 | 4 分 46 秒 |
| 邊做邊學 jQuery 系列6-jQuery 網頁元素操控 | 6 分 37 秒 |
| 邊做邊學 jQuery 系列 7-jQuery 事件處理 | 7 分 09 秒 |
| 邊做邊學 jQuery 系列8-益智拼圖盤 | 6 分 30 秒 |
| 邊做邊學 jQuery 系列9-jQuery 讓網頁動起來 | 9 分 14 秒 |
| 邊做邊學 jQuery 系列 10-網頁酷炫之道-jQuery | 7 分 10 秒 |
| 邊做邊學 jQuery 系列 11-jQuery UI牛刀小試-刁十三支! | 8 分 30 秒 |
| 邊做邊學 jQuery 系列 12-站在巨人肩膀上-jQuery Plugin | 6 分 28 秒 |
| 邊做邊學 jQuery 系列 13-打造自己的jQuery Plugin | 9 分 47 秒 |
| 邊做邊學 jQuery 系列 14-呼叫總部-jQuery.ajax() | 9 分 35 秒 |
| 邊做邊學 jQuery 系列15- AJAX式內容管理介面 | 8 分 03 秒 |

  
在我們公司，[jQuery](http://jquery.com/) 已經變成我們每天工作上不可或缺的伙伴，而且我也要求公司內所有 Web 開發人員一定要學習這門「顯學」，甚至是網頁設計師都應該學習如何應用 [jQuery](http://jquery.com/) 替我們製作的網站做些點綴，因為 [jQuery](http://jquery.com/) 真的簡單到連設計師都可以學會！

**相關連結**

-   [邊做邊學jQuery系列 - YouTube](https://www.youtube.com/playlist?list=PLpRG_zGZAavj3aztURYe_Sq286-Sl8PtR)
-   [MSDN](http://msdn.microsoft.com/zh-tw/ms348103.aspx) > [學習園地](http://msdn.microsoft.com/zh-tw/bb188199.aspx) >  [「邊做邊學」系列影片](http://msdn.microsoft.com/zh-tw/dd310332.aspx)
-   [Mini jQuery Lab Online](http://www.darkthread.net/MiniJQueryLab/)
-   [黑暗執行緒](http://blog.darkthread.net/) / [所有 jQuery 相關文章](http://blog.darkthread.net/blogs/darkthreadtw/archive/tags/jQuery/default.aspx)