jQuery網頁設計範例教學-FindBook 找書網 ISBN:9789572239810

1. jQuery的基礎
本章介紹甚麼是jQuery？jQuery的原始碼要到哪裡下載？如何安裝jQuery？如何在網頁中使用jQuery？在本章都有詳盡的介紹。同時還讓讀者了解jQuery與JavaScript的不同之處，還有如何尋找jQuery的說明文件。

2. 存取HTML元素
介紹jQuery存取HTML元素所用的語法，這是jQuery最大的特點。因為jQuery之所以能夠簡化JavaScript的程式碼，就是因為使用了簡明易懂的語法來取代JavaScript冗長的函式呼叫，讓使用者能夠很快地接受jQuery。

3. 存取CSS樣式
jQuery存取CSS樣式所用的方法，與存取HTML元素一樣簡單明瞭。不像JavaScript的複雜函式，jQuery只使用了一個.css()方法，就可以配合HTML元素的選取器，來快速讀取與設定HTML元素的CSS屬性與類別。

4. 選取HTML元素
使用JavaScript來存取HTML元素時，會依照元素的名稱、id屬性，與CSS類別而使用不同的函式。jQuery引入簡單明瞭的元素選取器，讓您使用同樣的語法來隨意地選取想要的元素，而且可以同時處理這些選取的元素。

5. 轉換選取的元素
jQuery不只能夠選取網頁中現有的HTML元素，還能夠任意的新增元素，改變所選取的元素，最棒的是這些都只需要一行程式碼就可以完成。看到這裡，您應該可以了解jQuery能夠被設計師快速接受的原因了。
6. 存取選取元素的外觀
jQuery不只能夠新增元素與更改所選取的元素，還能夠變化元素的本來面貌。例如將原本的p元素改換成div元素，將元素放大縮小，或是移動元素在網頁中的原始位置等。

7. 改變選取元素的結構
介紹如何取代元素的原始內容？如何在元素中加入新內容？如何包覆、複製，與移除元素？藉由jQuery所提供的方法，您能夠很快地改變選取元素的結構。

8. 事件的處理
介紹網頁原本使用的DOM Level 0與DOM Level 2事件處理模式，與jQuery所使用的事件處理模式有何不同？哪一種模式比較好用？看了本章您就明瞭。jQuery不只是變換了事件處理模式而已，而且讓您能夠對同一個事件執行不同的處理方式。

9. 滑鼠、鍵盤，與表單事件
jQuery不只能夠處理元素的各種滑鼠與鍵盤事件，同時對表單元素的事件也多有改進。本章詳盡地介紹了各種事件所用的方法，最後還介紹了瀏覽器的事件處理。

10. 網頁的動畫效果
jQuery提供實用的方法讓您在網頁中作出各種動畫效果，例如顯示與隱藏元素、設定元素的滑動效果、設定元素的顯現/淡出效果，以及自訂元素的動畫效果等。

11. Ajax相關方法
傳統上要在網頁中應用Ajax的技術，來做到即時更換部分網頁內容時需要使用XMLHttpRequest物件。但是要呼叫這個物件，對新手程式師而言是一個艱難的學習過程。jQuery提供Ajax相關方法，隱藏了在背景運作的XMLHttpRequest物件，讓您完全不需要知道Ajax運作的種種細節。

12. jQuery屬性
jQuery不只是提供方法而已，它還提供$.fx.off、$.support，與$.browser屬性。這些屬性幫助您讀取瀏覽器的各種資訊，以及在不能正確支援動畫的行動裝置上除能動畫效果。

13. jQuery核心函式
介紹jQuery的核心方法，例如讓jQuery與別家的JavaScript函式庫(例如Prototype)共存的方法。您可以在同一個網頁中同時使用jQuery與其他的JavaScript函式庫，而不會彼此發生衝突。

14. jQuery公用函式
介紹jQuery的公用函式，例如在jQuery物件所選取的元素中尋找指定的元素，或是使用陣列來傳回jQuery群集中的所有DOM元素等。另外還有將兩個陣列的內容合併，或是排序陣列等函式。

15. 外掛程式
外掛程式擴充了jQuery的發展性與重複使用性，在網頁中我們可以載入自己或別人寫的外掛程式來執行特定的功能。本章介紹如何建立jQuery的外掛程式，以及外掛程式的方法、事件，與資料等的設計基礎。

16. jQuery UI–動畫效果與位置設定
jQuery UI是jQuery核心的擴充程式，主要的用途是在jQuery網頁中擴充使用者介面的能力。本章介紹如何使用下載與使用jQuery UI，以及如何利用jQuery UI來做出更好的動畫效果，還有自由設定元素在網頁中的位置。

17. jQuery UI–滑鼠的應用
jQuery UI提供各種滑鼠的應用，例如使用滑鼠拖拉元素來到處移動，將滑鼠所拖拉的元素放在其它元素上，讓許多元素依照順序排列，讓原本不能選取的元素變成可以被選取，以及改變元素的大小等。

18. jQuery UI–widget
jQuery UI的widget是一群擴充網頁功能的HTML控制項。jQuery UI提供了各種widget，來讓您的網頁更加地生動有趣。這些widget包括有Accordion(折疊面板)、Datepicker(日曆) 、Dialog(對話方塊) 、Progressbar(進度表) 、Slider(滑動方塊)，以及Tabs(標籤面板)等。

19. jQuery Mobile
jQuery Mobile是jQuery為了行動裝置所開發的架構，例如智慧型手機與平板電腦，當然也可以在桌上型電腦的各種平台上使用。本章介紹如何使用下載與使用jQuery Mobile，以及jQuery Mobile的各種功能等。

20. Google地圖與多媒體
Google提供一系列的API，讓您將Google地圖嵌入您的網頁中。本章介紹Google地圖的API，在網頁中顯示Google地圖，以及Google地圖的操作等。另外還介紹了如何利用jQuery Media Plugin外掛程式來播放多媒體檔案。

附錄A jQuery方法的快速參考
提供jQuery方法的快速參考以及所在的頁碼。