第1章 瞭解jQuery 1
1.1 jQueryUI和jQueryMobile 1
1.2 jQuery插件 1
1.3 預備知識 2
1.4 本書組織結構 2
1.4.1 第一部分：打好基礎 2
1.4.2 第二部分：使用jQuery 2
1.4.3 第三部分：數據和Ajax 2
1.4.4 第四部分：jQueryUI 2
1.4.5 第五部分：jQueryMobile 2
1.4.6 第六部分：高級功能 2
1.5 第2版的新增內容 3
1.5.1 jQuery核心庫有什麼變化 3
1.5.2 jQueryUI有什麼變化 3
1.5.3 jQueryMobile有什麼變化 4
1.5.4 其他變化 4
1.6 例子多嗎 4
1.7 示例代碼下載 6
1.8 所需軟件 6
1.8.1 jQuery 6
1.8.2 HTML編輯器 7
1.8.3 Web瀏覽器 8
1.8.4 Web服務器 8
1.8.5 Node.js 8
1.9 圖片版權 9
1.10 小結 9
第2章 HTML入門 10
2.1 基本的HTML文檔 10
2.2 HTML元素剖析 12
2.3 屬性 12
2.4 元素內容 14
2.5 空元素 14
2.6 文檔結構 14
2.6.1 元數據元素 16
2.6.2 內容元素 17
2.7 元素層次關係 21
2.7.1 父子關係 22
2.7.2 祖先？後代關係 22
2.7.3 兄弟關係 22
2.8 文檔對象模型 23
2.8.1 使用DOM 23
2.8.2 修改DOM 26
2.8.3 修改樣式 26
2.8.4 處理事件 27
2.9 小結 29
第3章 CSS基礎 30
3.1 上手CSS 30
3.2 行內樣式 31
3.3 內嵌樣式 33
3.4 外部樣式錶 35
3.5 理解CSS選擇器 37
3.5.1 屬性選擇器 37
3.5.2 關係選擇器 38
3.5.3 僞元素和僞類選擇器 40
3.5.4 聯閤選擇器和反選擇器 42
3.6 理解樣式層疊 43
3.6.1 樣式層疊原理 43
3.6.2 使用important規則微調樣式應用的順序 44
3.6.3 通過“專一程度”和順序評估決定樣式優先級 45
3.7 樣式的單位 47
3.7.1 顔色 47
3.7.2 長度 49
3.8 屬性速記法和自定義值 52
3.9 小結 54
第4章 JavaScript基礎 55
4.1 上手JavaScript 55
4.2 語句 56
4.3 函數 57
4.3.1 帶參數的函數 58
4.3.2 有返迴值的函數 59
4.4 變量和類型 59
4.4.1 基本數據類型 60
4.4.2 生成對象 61
4.4.3 使用對象 64
4.5 JavaScript運算符 68
4.5.1 條件語句 68
4.5.2 相等運算符和恒等運算符 69
4.5.3 顯式類型轉換 72
4.6 數組 74
4.6.1 數組字麵量 75
4.6.2 讀取和修改數組元素 75
4.6.3 枚舉數組內容 76
4.6.4 數組內建方法 77
4.7 錯誤處理 77
4.8 比較undefined和null值 79
4.8.1 檢查變量或者屬性是否為null或undefined 81
4.8.2 區分null和undefined 82
4.9 小結 82
第5章 jQuery基礎 83
5.1 安裝jQuery 84
5.2 第一個jQuery腳本 86
5.3 理解jQuery的$函數 88
5.4 等待DOM就緒 90
5.4.1 另一種寫法 91
5.4.2 延遲ready事件的觸發時間 92
5.5 選擇元素 93
5.6 理解選擇結果 96
5.6.1 確定jQuery對象對應的上下文對象 96
5.6.2 處理DOM對象 97
5.7 修改多個元素與鏈式方法調用 101
5.8 事件處理 104
5.9 小結 104
第6章 選擇元素 105
6.1 選擇更多元素 106
6.2 限製選擇範圍 108
6.2.1 從結果集中獲取某個元素 108
6.2.2 獲取元素子集 109
6.2.3 過濾元素 110
6.2.4 基於後代元素過濾結果集 112
6.3 以映射方式處理結果集 113
6.4 檢測結果集 114
6.5 修改、迴退結果集 115
6.6 訪問DOM 116
6.6.1 訪問後代元素 117
6.6.2 訪問祖先元素 119
6.6.3 訪問兄弟元素 124
6.7 小結 128
第7章 操控DOM 129
7.1 創建新元素 130
7.1.1 使用$函數創建新元素 130
7.1.2 通過剋隆已有元素生成新元素 132
7.1.3 使用DOMAPI創建新元素 133
7.2 添加子元素或後代元素 134
7.2.1 插入第一個子元素 136
7.2.2 把同一組元素插入到頁麵的不同位置 138
7.2.3 插入jQuery對象 139
7.2.4 使用迴調函數動態插入子元素 140
7.3 封裝（包裹）元素 141
7.3.1 把多個元素封裝到一個元素之中 143
7.3.2 封裝元素的內容 145
7.3.3 使用迴調函數封裝元素 146
7.4 插入兄弟元素 147
7.4.1 把jQuery對象中的元素插入為兄弟元素 148
7.4.2 使用迴調函數動態插入兄弟元素 149
7.5 替換元素 150
7.6 刪除元素 152
7.6.1 分離元素 153
7.6.2 清空元素 154
7.6.3 刪除元素的父元素 155
7.7 小結 156
第8章 處理元素 157
8.1 處理元素字麵屬性和元素對象定義屬性 158
8.1.1 設置屬性值 160
8.1.2 一次設置多個屬性 161
8.1.3 動態設置屬性值 161
8.1.4 刪除屬性 162
8.1.5 使用prop方法 163
8.2 處理class屬性 164
8.2.1 使用函數動態添加或刪除class 165
8.2.2 切換class 167
8.2.3 切換多個class 169
8.2.4 切換全部的class 170
8.2.5 單方嚮切換class 171
8.2.6 動態切換class 172
8.3 處理CSS樣式 174
8.3.1 獲取並設置單個CSS值 174
8.3.2 獲取多個CSS屬性 175
8.3.3 一次設置多個CSS樣式屬性 176
8.3.4 以相對值設置樣式屬性 177
8.3.5 使用迴調函數設置樣式屬性 177
8.3.6 針對具體屬性的CSS便捷方法 178
8.4 處理元素內容 180
8.4.1 設置元素內容 181
8.4.2 使用迴調函數設置元素內容 181
8.5 處理錶單元素 182
8.5.1 設置錶單元素的值 183
8.5.2 使用迴調函數設置錶單元素的值 184
8.6 為元素關聯數據 184
8.7 小結 186
第9章 事件 187
9.1 事件處理 188
9.1.1 用一個函數處理多種事件 190
9.1.2 為事件處理函數提供數據 191
9.1.3 阻止事件的默認行為 192
9.1.4 撤銷事件處理函數 193
9.1.5 僅執行一次事件處理函數 195
9.2 動態綁定事件處理函數 196
9.3 人工調用事件處理函數 200
9.3.1 使用Event對象 201
9.3.2 triggerHandler方法 202
9.4 事件快捷方法 203
9.4.1 document對象事件快捷方法 204
9.4.2 瀏覽器事件快捷方法 205
9.4.3 鼠標事件快捷方法 205
9.4.4 錶單事件快捷方法 206
9.4.5 鍵盤事件快捷方法 206
9.5 小結 207
第10章 jQuery特效 208
10.1 基礎特效 209
10.1.1 切換元素的顯示狀態 212
10.1.2 單嚮變換 212
10.1.3 以動畫方式改變元素的顯示狀態 213
10.1.4 使用動畫迴調函數 215
10.1.5 創建循環動畫 217
10.2 滑動特效 219
10.3 淡入淡齣特效 220
10.4 實現定製特效 223
10.4.1 使用絕對值設置動畫屬性 224
10.4.2 使用相對值設置動畫屬性 225
10.5 創建並管理動畫隊列 226
10.5.1 顯示動畫隊列中的內容 227
10.5.2 停止當前動畫並清理動畫隊列 228
10.5.3 在動畫隊列中插入延時 232
10.5.4 在動畫隊列中插入自定義函數 232
10.6 啓用或者禁用動畫特效 234
10.7 小結 234
第11章 重構示例頁麵：第一部分 235
11.1 迴顧示例文檔 235
11.2 添加更多的花卉産品 237
11.3 添加翻頁按鈕 238
11.4 處理提交按鈕 240
11.5 實現翻頁事件處理函數 242
11.6 計算訂購産品總數 244
11.7 禁用JavaScript 246
11.8 小結 247
第12章 數據模闆 248
12.1 模闆解決什麼問題 249
12.2 使用模闆庫 249
12.3 第一個數據模闆示例 251
12.3.1 定義數據 252
12.3.2 定義模闆 253
12.3.3 使用模闆 254
12.4 模闆邏輯 257
12.4.1 依據條件生成內容 257
12.4.2 遍曆數組和對象屬性 259
12.4.3 改變數據上下文 261
12.5 自定義助手指令 265
12.5.1 編寫條件助手指令 266
12.5.2 返迴更復雜的內容 268
12.5.3 在助手指令處理函數中使用可選參數 269
12.5.4 自定義模闆屬性 271
12.6 小結 272
第13章 處理錶單 273
13.1 準備Node.js服務器 274
13.2 迴顧錶單事件方法 277
13.2.1 處理錶單焦點 277
13.2.2 處理值的變化 279
13.2.3 處理錶單提交 280
13.3 驗證錶單數據 282
13.3.1 插件內建的檢查功能 286
13.3.2 指定錯誤提示信息 294
13.3.3 自定義檢查 299
13.3.4 定製錯誤提示的顯示格式 302
13.3.5 使用問題摘要 304
13.4 小結 309
第14章 Ajax：第一部分 310
14.1 Ajax快捷方法 310
14.1.1 發起AjaxGET請求 311
14.1.2 AjaxPOST請求 318
14.1.3 指定數據類型 325
14.2 避免最常見的Ajax陷阱 327
14.3 處理特定任務的快捷方法 328
14.3.1 獲取HTML片段 328
14.3.2 獲取並執行腳本 330
14.3.3 獲取JSON數據 332
14.4 AjaxForms插件 334
14.5 小結 336
第15章 Ajax：第二部分 337
15.1 使用底層API發起簡單的Ajax請求 338
15.2 理解jqXHR對象 339
15.3 設置請求URL 341
15.4 發起POST請求 341
15.5 Ajax事件 343
15.5.1 處理成功完成的請求 343
15.5.2 處理失敗的請求 344
15.5.3 處理已經完成的請求 346
15.5.4 在請求發齣之前配置請求 347
15.5.5 為同一事件指定多個處理函數 348
15.5.6 設置事件上下文對象 349
15.6 全局Ajax事件方法 350
15.7 為Ajax請求配置基礎選項 352
15.7.1 設置請求超時選項和報頭 353
15.7.2 發送JSON數據到服務器 354
15.8 高級配置選項 355
15.8.1 發起同步請求 355
15.8.2 忽略重復（未修改過的）數據 356
15.8.3 處理statusCode 357
15.8.4 整理響應數據 359
15.8.5 控製數據格式轉換 360
15.9 設置及過濾Ajax請求 361
15.9.1 定義默認選項 361
15.9.2 過濾請求 362
15.10 小結 363
第16章 重構示例頁麵：第二部分 364
16.1 重溫重構示例 364
16.2 更新Node.js腳本 367
16.3 為Ajax做準備 369
16.4 處理産品數據來源 371
16.5 添加錶單驗證 374
16.6 使用Ajax提交錶單數據 380
16.7 處理服務器響應 387
16.7.1 添加新錶單 393
16.7.2 完成Ajax請求 394
16.7.3 處理數據 395
16.8 小結 397
第17章 安裝jQueryUI 398
17.1 獲取jQueryUI 398
17.1.1 選定一個主題 398
17.1.2 生成jQueryUI定製下載版本 400
17.2 安裝jQueryUI開發版 401
17.3 把jQueryUI部署到生産環境 402
17.4 小結 403
第18章 按鈕、進度條與滑動條組件 404
18.1 jQueryUI按鈕 405
18.1.1 配置按鈕組件 407
18.1.2 在按鈕上使用jQueryUI圖標 409
18.1.3 在按鈕上使用自定義圖片 410
18.1.4 button方法 411
18.1.5 按鈕事件 414
18.2 創建不同類型的按鈕 415
18.2.1 切換按鈕 416
18.2.2 按鈕組 417
18.3 jQueryUI進度條 419
18.3.1 創建進度條 419
18.3.2 創建模糊進度 420
18.3.3 進度條方法 421
18.3.4 進度條事件 423
18.4 jQueryUI滑動條組件 425
18.4.1 配置滑動條 426
18.4.2 滑動條組件方法 431
18.4.3 滑動條組件事件 433
18.5 小結 434
第19章 自動完成和摺疊菜單組件 435
19.1 jQueryUI自動完成組件 436
19.1.1 讓輸入框支持自動完成 436
19.1.2 配置自動完成組件 438
19.1.3 自動完成組件方法 446
19.1.4 自動完成組件事件 449
19.2 jQueryUI摺疊菜單組件 452
19.2.1 創建摺疊菜單 452
19.2.2 配置摺疊菜單組件 455
19.2.3 摺疊菜單方法 463
19.2.4 摺疊菜單組件事件 463
19.3 小結 465
第20章 標簽組件 466
20.1 創建標簽 467
20.2 使用Ajax獲取標簽內容 469
20.3 配置標簽組件 471
20.3.1 選取活躍標簽 471
20.3.2 禁用某些標簽 473
20.3.3 改變激活標簽的事件 474
20.3.4 可摺疊的標簽 475
20.4 標簽組件方法 476
20.4.1 增加或者刪除標簽 477
20.4.2 觸發標簽的Ajax請求 478
20.5 標簽組件事件 479
20.5.1 攔截Ajax請求 480
20.5.2 修改遠程標簽的數據 481
20.5.3 用標簽顯示錶單 482
20.6 小結 489
第21章 日期拾取器組件 490
21.1 生成日期拾取器 491
21.2 配置日期拾取器 493
21.2.1 基本設置 493
21.2.2 管理日期選擇範圍 498
21.2.3 設置日期拾取器的外觀 504
21.3 日期拾取器方法 508
21.3.1 使用腳本獲取和設置日期 508
21.3.2 使用腳本控製彈齣式日期拾取器的顯示和隱藏 510
21.4 日期拾取器事件 511
21.4.1 響應月份或年份的變更 511
21.4.2 響應關閉彈齣式日期拾取器事件 513
21.5 本地化日期拾取器 514
21.6 小結 515
第22章 對話框組件和微調控製組件 516
22.1 jQueryUI對話框組件 517
22.1.1 創建對話框 517
22.1.2 配置對話框 519
22.1.3 對話框組件方法 529
22.1.4 對話框組件事件 531
22.2 jQueryUI微調控製組件 533
22.2.1 在HTML5input元素上應用微調控製組件 534
22.2.2 配置微調控製組件 536
22.2.3 微調控製組件方法 542
22.2.4 微調控製組件事件 544
22.3 小結 544
第23章 菜單組件和提示說明組件 545
23.1 jQueryUI菜單組件 545
23.1.1 創建菜單 546
23.1.2 配置菜單組件 549
23.1.3 菜單組件的方法 554
23.1.4 菜單組件事件 554
23.2 jQueryUI提示說明組件 556
23.2.1 創建提示說明組件 557
23.2.2 配置提示說明組件 559
23.2.3 提示說明組件的方法 568
23.2.4 提示說明組件事件 569
23.3 小結 571
第24章 使用拖放 572
24.1 創建拖曳元素 573
24.1.1 配置拖曳組件 574
24.1.2 使用draggable方法 579
24.1.3 使用拖曳事件 579
24.2 使用接收組件 580
24.2.1 高亮接收元素 582
24.2.2 處理遮蓋元素 583
24.2.3 配置接收組件 584
24.2.4 使用droppable方法 589
24.3 優化拖放功能 589
24.3.1 scope選項 590
24.3.2 使用輔助元素 591
24.3.3 “吸附”到元素邊界 594
24.4 小結 596
第25章 其他組件 597
25.1 使用sortable組件 597
25.1.1 獲取排序之後的新順序 599
25.1.2 配置sortable組件 600
25.1.3 使用sortable方法 606
25.1.4 sortable事件 608
25.2 selectable組件 609
25.2.1 配置selectable組件 611
25.2.2 使用selectable方法 612
25.2.3 selectable組件事件 612
25.3 resizable組件 613
25.4 小結 617
第26章 重構示例頁麵：第三部分 618
26.1 迴顧重構示例 618
26.2 展示商品 619
26.3 添加購物車 621
26.3.1 增加一個div元素包住摺疊菜單 623
26.3.2 添加錶格 623
26.3.3 輸入值變更 624
26.4 裝飾：應用主題樣式 627
26.4.1 為更多元素應用框架樣式 628
26.4.2 為錶格增加圓角效果 629
26.5 生成jQueryUI按鈕 631
26.6 添加完成購買對話框 634
26.7 處理下單按鈕的單擊事件 637
26.8 完成訂單 640
26.9 小結 642
第27章 jQueryMobile入門 643
27.1 安裝jQueryMobile 643
27.1.1 下載jQueryMobile 643
27.1.2 安裝jQueryMobile 644
27.2 jQueryMobile工作原理 645
27.2.1 自動增強技術 645
27.2.2 視口 647
27.2.3 jQueryMobile事件 649
27.2.4 響應設備手持方嚮的變化 656
27.3 處理移動設備 659
27.3.1 在移動開發時應該避免的兩大“陷阱” 659
27.3.2 避免錯誤的假設 660
27.3.3 避免不切實際的仿真和測試 661
27.3.4 移動瀏覽器仿真器 663
27.4 小結 664
第28章 頁、主題及布局 665
28.1 什麼是jQueryMobile頁 665
28.1.1 為一個頁添加頁頭和頁腳 666
28.1.2 在頁麵文件中添加頁 668
28.1.3 鏈接其他頁麵文件 672
28.2 使用腳本控製jQueryMobile頁 678
28.2.1 改變當前頁 678
28.2.2 當前頁是哪個 683
28.2.3 後颱載入頁 685
28.3 與頁相關的事件 686
28.3.1 頁麵初始化事件 687
28.3.2 頁麵加載事件 687
28.3.3 響應頁麵切換 688
28.4 使用jQueryMobile主題 689
28.5 創建網格布局 692
28.6 小結 694
第29章 對話框與彈窗組件 695
29.1 jQueryMobile對話框組件 695
29.1.1 創建對話框組件 695
29.1.2 配置對話框組件 701
29.1.3 對話框組件方法 704
29.1.4 對話框組件事件 705
29.2 jQueryMobile彈窗組件 705
29.2.1 創建彈窗 705
29.2.2 配置彈窗 706
29.2.3 彈窗組件的方法 712
29.2.4 彈窗組件事件 714
29.3 小結 715
第30章 按鈕和摺疊塊組件 716
30.1 jQueryMobile按鈕 716
30.1.1 生成按鈕 717
30.1.2 配置jQueryMobile按鈕組件 720
30.1.3 按鈕組件的方法 723
30.1.4 按鈕事件 725
30.2 jQueryMobile導航欄組件 726
30.2.1 配置jQueryMobile導航欄組件 727
30.2.2 導航欄組件支持的方法和事件 728
30.3 摺疊塊組件 729
30.3.1 生成摺疊塊 729
30.3.2 配置jQueryMobile摺疊塊組件 730
30.3.3 摺疊塊組件的方法 731
30.3.4 摺疊塊事件 731
30.4 jQueryMobile摺疊菜單 733
30.4.1 配置摺疊菜單 734
30.4.2 摺疊菜單的方法 734
30.4.3 摺疊菜單事件 734
30.5 小結 734
第31章 jQueryMobile錶單 735
31.1 創建錶單元素組件 736
31.2 文本輸入組件 738
31.2.1 配置文本輸入組件 738
31.2.2 文本輸入組件方法 739
31.2.3 文本輸入組件事件 740
31.3 滑動選擇器組件和範圍選擇器組件 741
31.3.1 配置滑動選擇器組件和範圍選擇器組件 743
31.3.2 滑動選擇器與範圍選擇器支持的方法 744
31.3.3 滑動選擇器事件 745
31.3.4 範圍選擇器組件事件 746
31.4 選擇菜單組件 747
31.4.1 配置選擇菜單組件 749
31.4.2 選擇菜單組件的方法 752
31.4.3 選擇菜單組件事件 753
31.5 輕觸開關組件 753
31.6 復選框和單選鈕組件 754
31.6.1 創建復選框 755
31.6.2 創建並格式化單選鈕 758
31.6.3 配置復選框和單選鈕組件 760
31.6.4 復選框和單選鈕組件方法 760
31.6.5 復選框和單選鈕組件事件 760
31.7 小結 760
第32章 列錶組件與麵闆組件 761
32.1 列錶組件 761
32.1.1 配置列錶組件 764
32.1.2 列錶組件方法 775
32.1.3 列錶組件事件 775
32.2 麵闆組件 775
32.2.1 配置麵闆組件 776
32.2.2 麵闆組件方法 780
32.2.3 麵闆組件事件 780
32.3 小結 781
第33章 重構移動版示例：第四部分 782
33.1 從基礎開始 782
33.2 用程序添加花卉産品 784
33.3 生成購物車 790
33.3.1 增加修改數量功能 794
33.3.2 在商品詳情頁添加購買按鈕 798
33.4 實現支付 801
33.5 小結 805
第34章 jQuery實用方法 806
34.1 再訪隊列：使用常規隊列 806
34.2 數組實用方法 810
34.2.1 使用grep方法 810
34.2.2 使用inArray方法 811
34.2.3 使用map方法 812
34.2.4 使用merge方法 813
34.2.5 使用unique方法 813
34.3 數據類型實用方法 814
34.4 數據有關實用方法 816
34.4.1 序列化錶單數據 816
34.4.2 解析數據 817
34.4.3 去除字符串首尾空白 818
34.5 其他實用方法 818
34.6 小結 819
第35章 jQueryUI特效及CSS框架 820
35.1 使用jQueryUI特效 820
35.1.1 讓顔色變化支持動畫 820
35.1.2 讓切換類樣式支持動畫 822
35.1.3 jQueryUI動畫 825
35.2 使用jQueryUICSS框架 827
35.2.1 組件容器樣式 827
35.2.2 圓角樣式 829
35.2.3 交互狀態樣式 830
35.2.4 提示信息樣式 831
35.3 小結 834
第36章 延遲對象 835
36.1 延遲對象第一例 836
36.2 其他迴調 843
36.2.1 通知延遲對象任務失敗 844
36.2.2 覆蓋兩個齣口（任務成功和任務失敗） 846
36.2.3 與齣口無關的迴調函數 847
36.3 使用多個迴調函數 849
36.4 利用多個延遲對象的齣口 851
36.5 提供進度信息 853
36.6 獲取延遲對象的狀態 856
36.7 Ajax延遲對象 858
36.8 小結 860
· · · · · · (收起)