在網站設計過程中，若只是使用XHTML+CSS設計網頁，基本上只能設計出如同印刷品般缺乏互動的靜態頁面，而JavaScript是在用戶瀏覽器上執行的程式語言，最主要的功能就是要提供網頁的互動能力，優化使用者經驗。這幾年越來越多的入口網站如Google、Yahoo都使用這個技術，更使JavaScript蔚為風潮。

而jQuery這套由JavaScript所撰寫的前台函式庫，由於表現突出亮眼，近年來好評不斷，眾多大型企業與軟體公司紛紛採用jQuery做為框架，進行網頁軟體開發。這是因為jQuery提供了許多強大功能，能夠一次解決網頁設計上常見的重大困難。

首先是jQuery能夠有效弭平各家瀏覽器相容性的問題，避免相同網頁在不同的瀏覽器呈現時，導致不同的結果。其次是如果直接以JavaScript撰寫程式碼，不但困難並且複雜難懂，而透過jQuery完善的元件選取器，配合其強大的函式庫，大幅降低了JavaScript程式的撰寫困難度，能以短短幾行簡潔有力的程式碼，取代原來複雜冗長的程式碼。

jQuery UI互動元件架構在廣受好評的jQuery之上，因此擁有最佳的效能與相容度，目前也是相關元件開發工具的首選，只要善加使用jQuery UI這個強大又輕巧的工具，就能在開發網站時如虎添翼，輕易完成許多互動的效果、甚至加入動畫，更別說是常見的日期選擇器、滑棒、手風琴與自動填表等網頁中必要的功能。

本課程會循序漸進的完整講解jQuery UI中各種便利的元件。透過範例中簡單的步驟，就能有各種美觀的互動元件來豐富網頁，如果希望能夠大幅縮短開發時間，提升生產力，jQuery UI是不可或缺的絕妙工具。