目 錄
第1篇 jQuery核心庫快速掌握和內核分析篇
第1章 使用jQuery開發Web應用程序 3
視頻講解：63分鍾
1.1 使用jQuery核心庫——
jQuery Core 4
1.1.1 第一個jQuery範例 5
1.1.2 基本語法 6
1.1.3 為什麼要使用jQuery 7
1.1.4 源代碼解析——jQuery庫的
閉包定義 9
1.1.5 源代碼解析——使用單體
模式創建jQuery實例 9
1.2 解決jQuery衝突 10
1.2.1 源代碼解析——衝突的解決 12
1.2.2 源代碼解析——jQuery類的
聲明技巧 12
1.3 優化——關於開發效率和
運行效率 13
第2章 jQuery對象和jQuery選擇器——
使用jQuery選擇器構建jQuery
對象 15
視頻講解：62分鍾
2.1 選擇器基本語法——從源頭
談起 16
2.1.1 轉義和保留字符 16
2.1.2 快速掌握jQuery選擇器 17
2.2 使用選擇器 19
2.2.1 基本選擇器 19
2.2.2 層級選擇器 20
2.2.3 屬性選擇器 22
2.2.4 子元素過濾選擇器 23
2.2.5 基本過濾選擇器 26
2.2.6 內容過濾選擇器 27
2.2.7 可視化選擇器 28
2.2.8 錶單選擇器 28
2.3 Sizzle選擇器引擎 29
2.4 增強的jQuery()函數使用 29
2.4.1 使用DOM元素構造jQuery
對象 30
2.4.2 剋隆jQuery對象 31
2.4.3 解析HTML字符串為jQuery
對象 31
2.4.4 解析單個HTML元素字符串
為jQuery對象 32
2.5 jQuery XPath選擇器 33
2.5.1 支持的軸運算符 33
2.5.2 支持的條件謂詞 34
第3章 jQuery對象和jQuery選擇器——jQuery對象結構和處理方法 37
視頻講解：56分鍾
3.1 關於jQuery對象的結構 38
3.2 處理jQuery對象 39
3.2.1 迭代jQuery對象 39
3.2.2 使用索引獲取jQuery集閤
中的元素 40
3.2.3 獲取指定元素的索引值 43
3.2.4 過濾jQuery對象 44
3.2.5 檢查是否包含指定特徵的
元素 47
3.2.6 轉換jQuery對象為數組 48
3.3 其他jQuery對象處理方法 49
3.3.1 添加元素到jQuery對象 49
3.3.2 通過閤並構建jQuery對象 49
3.3.3 使用jQuery對象緩存 51
第4章 處理DOM結構（DOM樹） 53
視頻講解：93分鍾
4.1 屬性節點處理 54
4.1.1 按照Core DOM規範處理
屬性 54
4.1.2 按照HTML DOM規範處理
屬性 56
4.1.3 刪除屬性 57
4.1.4 處理class屬性 58
4.2 處理元素內容 60
4.2.1 獲取和改變元素的HTML
格式內容 61
4.2.2 獲取和改變元素的文本格
式內容 62
4.3 處理錶單元素的值 62
4.4 DOM樹遍曆 65
4.4.1 匹配子元素 65
4.4.2 匹配後代元素 66
4.4.3 匹配祖輩元素 67
4.4.4 匹配同輩元素 69
4.5 改變DOM樹 71
4.5.1 插入元素節點 71
4.5.2 替換元素節點 76
4.5.3 刪除元素節點 78
4.5.4 剋隆元素節點 79
4.5.5 封裝元素節點 80
第5章 CSS樣式處理 83
視頻講解：30分鍾
5.1 基本的CSS樣式處理方法 84
5.2 其他幾個快捷方法 86
5.2.1 獲取和設置元素的定位 86
5.2.2 處理滾動條位置 88
5.2.3 高度和寬度計算 89
5.3 CSS 3新增的樣式屬性以及瀏覽
器特定的擴展樣式屬性 91
第6章 觸發事件 93
視頻講解：26分鍾
6.1 綁定事件和事件處理函數 94
6.1.1 實現事件綁定的基本方法 94
6.1.2 解除事件綁定 96
6.1.3 單次事件綁定 96
6.1.4 實時追加事件綁定 97
6.2 事件綁定的快捷方法 99
6.3 其他快捷方法 100
6.3.1 監測鼠標在目標對象上的
活動 100
6.3.2 監測交替單擊 101
6.4 .ready()方法 102
6.5 手動委派事件 103
6.6 事件委托 104
6.6.1 實現委托 104
6.6.2 解除委托 105
6.7 關於事件處理函數和
jQuery Event對象 106
6.7.1 使用jQuery Event對象 106
6.7.2 自定義jQuery Event對象 108
第7章 動畫效果 109
視頻講解：35分鍾
7.1 特效全局設置 110
7.2 基本特效——隱藏和顯示 110
7.3 淡入淡齣特效 112
7.4 滑動特效 114
7.5 自定義特效 115
7.5.1 根據CSS設置執行自定義
的動畫效果 115
7.5.2 關於CSS 3的過渡效果
屬性 116
7.6 動畫隊列管理 119
7.6.1 使用.queue()和jQuery.queue()
方法獲取隊列 120
7.6.2 使用.dequeue()和jQuery.
dequeue()方法執行隊列的
下一個函數 121
7.6.3 延遲動畫隊列執行 122
7.6.4 使用.clearQueue()方法清除
隊列 122
7.6.5 使用.stop()方法停止隊列 123
7.7 關於新的動畫實現方法——
requestAnimationFrame()方法 124
7.7.1 基本使用方法 124
7.7.2 requestAnimationFrame()方法
對jQuery動畫隊列的影響 126
第8章 使用Ajax 127
視頻講解：13分鍾
8.1 jQuery實現Ajax請求的基礎
方法 128
8.1.1 Ajax處理過程和迴調函數
的順序 135
8.1.2 瞭解jqXHR和
XMLHttpRequest 136
8.1.3 jqXHR請求的數據類型 138
8.1.4 使用JSONP 139
8.1.5 便捷的Ajax請求方法 140
8.1.6 便捷的全局事件監聽 142
8.2 發送數據到服務器 143
8.2.1 編碼錶單 144
8.2.2 序列化一個數組或對象 145
8.3 全局設置 147
8.3.1 設置Ajax全局默認選項 147
8.3.2 預處理Ajax請求 147
第9章 工具方法 149
視頻講解：54分鍾
9.1 內核方法 150
9.1.1 jQuery.holdReady()——暫停
或恢復.ready()事件處理函
數的執行 150
9.1.2 jQuery.sub()——創建jQuery
副本 150
9.1.3 jQuery.error()——拋齣異常 151
9.2 偵測瀏覽器特性 151
9.2.1 jQuery.support——偵測瀏
覽器特性 151
9.2.2 jQuery.boxModel——偵測
瀏覽器BOX模型 152
9.2.3 jQuery.browser和jQuery.
browser.version——偵測瀏
覽器標識和版本 153
9.3 基本操作 153
9.3.1 jQuery.now()——當前時間
的時間戳 153
9.3.2 jQuery.parseJSON()——解
析JSON字符串 153
9.3.3 jQuery.parseXML()——解析
XML字符串 153
9.4 數組和對象處理 154
9.4.1 jQuery.each()——迭代對象和
數組 154
9.4.2 jQuery.extend()——閤並
對象 155
9.4.3 jQuery.grep()——查找匹配
的數組元素 156
9.4.4 jQuery.makeArray()——將
對象轉換為數組 156
9.4.5 jQuery.map()——將對象轉
換為數組 157
9.4.6 jQuery.merge()——閤並數組 158
9.4.7 jQuery.noop()——空函數 159
9.4.8 jQuery.proxy()——代理 159
9.4.9 jQuery.trim()——刪除字符
串起始和結尾的空白 160
9.4.10 jQuery.unique()——刪除數
組中的重復元素 160
9.4.11 jQuery.inArray()——索引
指定元素 160
9.5 類型檢查 160
9.5.1 jQuery.isArray() 160
9.5.2 jQuery.isEmptyObject() 161
9.5.3 jQuery.isFunction() 161
9.5.4 jQuery.isPlainObject() 161
9.5.5 jQuery.isWindow() 161
9.5.6 jQuery.isXMLDoc() 162
9.5.7 jQuery.type() 162
9.6 其他工具方法 162
9.6.1 jQuery.contains()——檢查
元素包含 162
9.6.2 jQuery.globalEval()——執行
JavaScript代碼 163
9.7 數據處理 163
9.7.1 使用.data()和jQuery.data()方
法存儲和獲取數據 163
9.7.2 關於HTML 5的data-屬性 164
9.7.3 使用.removeData()和jQuery.
removeData()方法移除數據 165
9.7.4 jQuery.hasData()——檢查是
否綁定瞭數據 165
第10章 延遲處理——Deferred對象和
Promise 167
視頻講解：23分鍾
10.1 注冊迴調函數 168
10.2 狀態的變化 169

10.2.1 改變狀態 170
10.2.2 檢測狀態 170
10.3 結閤jQuery.when()方法使用 171
10.4 使用Promise 172
10.4.1 執行過濾 174
10.4.2 對jQuery對象應用
Promise 174
第2篇 jQuery UI和經典插件實戰篇
第11章 使用jQuery UI插件（1）——基
本使用方法 179
11.1 下載和引用jQuery UI插
件庫 180
11.1.1 獨立使用 181
11.1.2 集成方式 182
11.1.3 自定義集成方式 182
11.2 使用jQuery UI插件的基本
方式 183
11.2.1 使用選項自定義UI
插件 183
11.2.2 為UI插件綁定事件 183
11.2.3 調用UI插件的方法 184
11.3 交互功能插件 184
11.3.1 Resizable插件——調整元
素大小 184
11.3.2 Selectable插件——選擇分
組中的元素 186
11.3.3 Sortable插件——對元素
就地排序 188
11.3.4 Draggable插件和Droppable
插件——實現拖放操作 190
11.3.5 HTML 5實現拖放操作 193
11.3.6 範例——使用拖放操作實現
購物車 199
11.4 動畫效果插件 202
11.4.1 增強的.animate()方法 202
11.4.2 通過改變類實現過渡
效果 203
11.4.3 增強的隱藏和顯示特效 204
11.4.4 對可視元素施加特效 205
第12章 使用jQuery UI插件（2）——
Widget部件 207
12.1 Accordion插件 208
12.1.1 同時打開多個內容闆 210
12.1.2 HTML?5的details和summary
元素實現Accordion 210
12.2 AutoComplete插件——自動
完成（自動提示） 211
12.3 Button插件——按鈕和按
鈕組 213
12.3.1 為按鈕定義圖標 214
12.3.2 單選按鈕組 215
12.3.3 多選按鈕組 216
12.3.4 切換按鈕 217
12.4 DatePicker插件——日期選
擇器 217
12.4.1 使用區域化功能 218
12.4.2 格式化日期 219
12.4.3 HTML?5的日期類型
控件 220
12.5 Dialog插件——對話框 221
12.6 ProgressBar插件——進度條 222
12.7 Slider插件——滑動條 224
12.8 Tabs插件——選項卡 226
第13章 美化jQuery UI插件 229
13.1 使用樣式主題美化jQuery UI
插件 230
13.2 自定義CSS美化jQuery UI
插件 231
第14章 創建自己的jQuery插件 233
14.1 創建自己的插件 234
14.2 使用jQuery UI Widget Factory
編寫有狀態的插件 237
14.2.1 給插件添加方法 239
14.2.2 設置和獲取選項值 240
14.2.3 添加迴調功能 241
第15章 常用的第三方jQuery插件 243
15.1 水平Accordion 244
15.2 Tree插件 245
15.3 NumericStepper插件 247

15.4 MenuBar插件（導航
菜單） 248
15.5 DataGrid插件 251
15.6 圖片居中放大顯示插件 253
15.7 圖片局部放大插件 255
15.8 圖片局部剪切插件 256
15.9 圖片滾動新聞、圖片滾
動AD插件 257
15.10 調色盤1插件 258
15.11 調色盤2插件 259
15.12 嚮導插件 260
第3篇 使用jQuery Mobile設計網站和開發移動Web應用
第16章 使用jQuery Mobile UI插
件（1）——基本使用方法 265
16.1 使用jQuery Mobile插件 266
16.1.1 第一個jQuery Mobile範例 266
16.1.2 怎樣在“內容頁”間導航 269
16.1.3 使用超鏈接 269
16.1.4 定義頁麵過渡效果 270
16.1.5 定義樣式主題（theme） 270
16.1.6 創建對話框 271
16.1.7 固定頁眉和頁腳 272
16.1.8 全屏效果 273
16.2 導航模型——jQuery Mobile的
核心機製 273
16.2.1 頁麵導航的基本規則 274
16.2.2 自動生成的“內容頁”和
子書簽地址 275
16.2.3 注意事項 276
第17章 使用jQuery Mobile UI插
件（2）——Widget 277
17.1 定義工具按鈕 278
17.1.1 定義按鈕 278
17.1.2 指定按鈕圖標 279
17.1.3 自定義按鈕圖標 279
17.1.4 行內級按鈕和塊級按鈕 280
17.1.5 按鈕分組 280
17.1.6 導航條 280
17.1.7 添加返迴按鈕 283
17.2 定義列錶視圖 284
17.2.1 有序列錶 284
17.2.2 嵌套列錶 285
17.2.3 分割按鈕列錶 286
17.2.4 列錶項分組 287
17.2.5 縮略圖和圖標 288
17.2.6 對列錶進行邊緣修飾 290
17.2.7 隻讀列錶 290
17.2.8 文字格式和計數泡 292
17.2.9 過濾列錶項 292
17.3 內容布局 293
17.3.1 網格布局 293
17.3.2 可摺疊內容 296
17.4 定義jQuery Mobile錶單 298
17.4.1 錶單控件的布局容器 300
17.4.2 切換開關控件 301
17.4.3 滑動條控件（slider） 301
17.4.4 單選按鈕和復選框控件 302
17.4.5 水平開關鍵控件 303
17.4.6 選項菜單控件 304
17.4.7 錶單提交 308
第18章 使用Ajax和程序動態控製
jQuery Mobile 309
18.1 jQuery Mobile的自定義事件 310
18.2 使用工具方法 312
18.3 jQuery Mobile初始化配置 316
18.3.1 關於mobileinit事件 317
18.3.2 配置選項 317
18.3.3 其他全局配置項 319

第4篇 jQuery經典網站設計——藉鑒與靈感（見光盤）
附錄A 準備jQuery Mobile UI插件創
作環境和測試環境 323
視頻講解：20分鍾
A.1 使用Mobile Safari測試網頁 324
A.1.1 iPhone Simulator的安裝 324
A.1.2 使用Mobile Safari 325
A.2 使用IEMobile測試網頁 327
A.2.1 Windows Phone 7 Emulator
的安裝 327
A.2.2 使用IEMobile 328
A.3 使用Chrome Lite測試網頁 330
A.3.1 Android Emulator的安裝 330
A.3.2 使用Chrome Lite 336
A.4 使用BlackBerry瀏覽器測試
網頁 338
A.4.1 BlackBerry模擬器的安裝 338
A.4.2 使用BlackBerry模擬器 339

A.5 安裝和設置Web服務器 341
A.5.1 安裝IIS 341
A.5.2 瞭解Web服務器根目錄 343
附錄B 準備Visual Studio和
Aptana Studio 345
B.1 使用Visual Studio 346
B.2 使用Aptana Studio 348
B.2.1 安裝Aptana Studio 348
B.2.2 使用和配置Aptana Studio 348
B.2.3 使用Aptana Studio編寫
JavaScript 349
B.2.4 使用jQuery代碼提示功能 352
附錄C 參考文獻以及資料來源 355
參考網址 356
參考圖書 357
參考規範及標準 358
· · · · · · (收起)