前　　言
第1章　jQuery開發入門/1
1.1　jQuery概述/2
1.1.1　認識jQuery /2
1.1.2　jQuery基本功能/2
1.1.3　搭建jQuery開發環境/3
1.1.4　編寫第一個簡單的jQuery應用/3
1.1.5　jQuery程序的代碼風格/5
1.2　jQuery的簡單應用/7
1.2.1　jQuery訪問DOM對象/7
1.2.2　jQuery控製DOM對象/7
1.2.3　jQuery控製頁麵CSS /9
1.3　本章小結/11
第2章　jQuery 選擇器/12
2.1　jQuery選擇器概述/13
2.1.1　什麼是選擇器/13
2.1.2　選擇器的優勢/13
2.2　jQuery選擇器詳解/17
2.2.1　基本選擇器/18
2.2.2　層次選擇器/20
2.2.3　簡單過濾選擇器/22
2.2.4　內容過濾選擇器/25
2.2.5　可見性過濾選擇器/27
2.2.6　屬性過濾選擇器/28
2.2.7　子元素過濾選擇器/30
2.2.8　錶單對象屬性過濾選擇器/32
2.2.9　錶單選擇器/34
2.3　綜閤案例分析—導航條在項目中的應用/37
2.3.1　需求分析/37
2.3.2　效果界麵/38
2.3.3　功能實現/38
2.3.4　代碼分析/40
2.4　本章小結/41
第3章　jQuery操作DOM /42
3.1　DOM基礎/43
3.2　訪問元素/44
3.2.1　元素屬性操作/45
3.2.2　元素內容操作/49
3.2.3　獲取或設置元素值/51
3.2.4　元素樣式操作/53
3.3　創建節點元素/58
3.4　插入節點/60
3.4.1　內部插入節點方法/60
3.4.2　外部插入節點方法/64
3.5　復製節點/66
3.6　替換節點/68
3.7　包裹節點/69
3.8　遍曆元素/71
3.9　刪除元素/73
3.10　綜閤案例分析—數據刪除和圖片預覽在項目中的應用/75
3.10.1　需求分析/75
3.10.2　效果界麵/75
3.10.3　功能實現/77
3.10.4　代碼分析/80
3.11　本章小結/81
第4章　jQuery中的事件與應用/82
4.1　事件機製/83
4.2　頁麵載入事件/85
4.2.1　ready()方法的工作原理/85
4.2.2　ready()方法的幾種相同寫法/86
4.3　綁定事件/86
4.4　切換事件/90
4.4.1　hover()方法/90
4.4.2　toggle()方法/93
4.5　移除事件/94
4.6　其他事件/96
4.6.1　方法one() /97
4.6.2　方法trigger () /98
4.7　錶單應用/100
4.7.1　文本框中的事件應用/100
4.7.2　下拉列錶框中的事件應用/104
4.8　列錶應用/109
4.9　網頁選項卡的應用/114
4.10 　綜閤案例分析—刪除數據時的提示效果在項目中的應用/116
4.10.1　需求分析/116
4.10.2　效果界麵/117
4.10.3　功能實現/118
4.10.4　代碼分析/121
4.11　本章小結/123
第5章　jQuery的動畫與特效/124
5.1　顯示與隱藏/125
5.1.1　show()與hide()方法/125
5.1.2　動畫效果的show()與hide()方法/126
5.1.3　toggle()方法/128
5.2　滑動/131
5.2.1　slideDown()與slideUp方法/131
5.2.2　slideToggle()方法/134
5.3　淡入淡齣/135
5.3.1　fadeIn()與fadeOut()方法/135
5.3.2　fadeTo()方法/137
5.4　自定義動畫/139
5.4.1　簡單的動畫/140
5.4.2　移動位置的動畫/141
5.4.3　隊列中的動畫/144
5.4.4　動畫停止和延時/146
5.5　動畫效果綜述/148
5.5.1　各種動畫方法說明/148
5.5.2　使用animate()方法代替其他動畫效果/148
5.6　綜閤案例分析—動畫效果瀏覽相冊中的圖片/149
5.6.1　需求分析/149
5.6.2　效果界麵/149
5.6.3　功能實現/151
5.6.4　代碼分析/155
5.7　本章小結/158
第6章　Ajax在jQuery中的應用/159
6.1　加載異步數據/160
6.1.1　傳統的JavaScript方法/160
6.1.2　jQuery中的load()方法/162
6.1.3　jQuery中的全局函數getJSON()/164
6.1.4　jQuery中的全局函數getScript()/166
6.1.5　jQuery中異步加載XML文檔/168
6.2　請求服務器數據/170
6.2.1　$.get()請求數據/170
6.2.2　$.post()請求數據/172
6.2.3　serialize()序列化錶單/175
6.3　$.ajax()方法/177
6.3.1　$.ajax()的基本概念/177
6.3.2　$.ajaxSetup()設置全局Ajax /181
6.4　Ajax中的全局事件/184
6.4.1　Ajax全局事件的基本概念/184
6.4.2　ajaxStart與ajaxStop全局事件/184
6.5　綜閤案例分析—用Ajax實現新聞點評即時更新/187
6.5.1　需求分析/187
6.5.2　效果界麵/187
6.5.3　功能實現/189
6.5.4　代碼分析/193
6.6　本章小結/196
第7章　jQuery常用插件/197
7.1　jQuery插件概述/198
7.2　驗證插件validate /198
7.3　錶單插件form /202
7.4　Cookie插件cookie /205
7.5　搜索插件AutoComplete /209
7.6　圖片燈箱插件notesforlightbox /213
7.7　右鍵菜單插件contextmenu /216
7.8　圖片放大鏡插件jqzoom /222
7.9　自定義jQuery插件/224
7.9.1　插件的種類/225
7.9.2　插件開發要點/225
7.9.3　開發插件示例/226
7.10　綜閤案例分析—使用uploadify插件實現文件上傳功能 /232
7.10.1 　需求分析/232
7.10.2　效果界麵/233
7.10.3　功能實現/234
7.10.4　代碼分析/236
7.11　本章小結/241
第8章　jQuery UI插件/242
8.1　認識jQuery UI /243
8.2　jQuery UI交互性插件/244
8.2.1　拖曳插件/244
8.2.2　放置/247
8.2.3　排序插件/250
8.3　jQuery UI微型插件/252
8.3.1　摺疊麵闆插件/252
8.3.2　日曆/255
8.3.3　選項卡插件/260
8.3.4　對話框插件/263
8.4　綜閤案例分析—使用jQuery UI插件以拖動方式管理相冊/269
8.4.1　需求分析/269
8.4.2　效果界麵/269
8.4.3　功能實現/270
8.4.4　代碼分析/274
8.5　本章小結/277
第9章　jQuery實用工具函數/278
9.1　什麼是工具函數/279
9.2　工具函數的分類/279
9.2.1　瀏覽器的檢測/279
9.2.2　數組和對象的操作/284
9.2.3　字符串操作/291
9.2.4　測試操作/293
9.2.5　URL操作/297
9.3　工具函數的擴展/299
9.4　其他工具函數—$.proxy() /302
9.5　綜閤案例分析—使用jQuery擴展工具函數實現對字符串指定類型的檢測/305
9.5.1　需求分析/305
9.5.2　效果界麵/305
9.5.3　功能實現/306
9.5.4　代碼分析/309
9.6　本章小結/311
第10章　jQuery性能優化與最佳實踐/312
10.1　優化選擇器執行的速度/313
10.1.1　優先使用ID與標記選擇器/313
10.1.2　使用jQuery對象緩存/314
10.1.3　給選擇器一個上下文/315
10.2　處理選擇器中的不規範元素標誌/317
10.2.1　選擇器中含有特殊符號/317
10.2.2　選擇器中含有空格符號/318
10.3　優化事件中的冒泡現象/319
10.4　使用data()方法緩存數據/321
10.5　解決jQuery庫與其他庫的衝突/326
10.5.1　jQuery在其他庫前導入/326
10.5.2　jQuery在其他庫後導入/328
10.6　使用子查詢優化選擇器性能/330
10.7　減少對DOM元素直接操作/332
10.8　正確區分DOM對象與jQuery對象/334
10.8.1　DOM對象與jQuery對象的定義/334
10.8.2　DOM對象與jQuery對象的類型轉換/335
10.9　本章小結/337
第11章　綜閤案例開發/338
案例1：切割圖片/339
案例2：在綫聊天室/349
本章小結/365
示 例 目 錄
第1章　jQuery開發入門/1
示例1-1　編寫第一個簡單的jQuery程序/4
示例1-2　jQuery事件的鏈式寫法/5
示例1-3　控製DOM對象/7
示例1-4　jQuery控製CSS樣式/10
第2章　jQuery 選擇器/12
示例2-1　使用JavaScript實現隔行變色/13
示例2-2　使用jQuery選擇器實現隔行變色/15
示例2-3　使用JavaScript輸齣文字信息/16
示例2-4　使用jQuery輸齣文字信息/17
示例2-5　使用jQuery基本選擇器選擇元素/18
示例2-6　使用jQuery層次選擇器選擇元素/20
示例2-7　使用jQuery基本過濾選擇器選擇元素/22
示例2-8　使用jQuery內容過濾選擇器選擇元素/25
示例2-9　使用jQuery可見性過濾選擇器選擇元素/27
示例2-10　使用jQuery屬性過濾選擇器選擇元素/28
示例2-11　使用jQuery子元素過濾選擇器選擇元素/30
示例2-12　通過錶單對象屬性過濾選擇器獲取錶單對象/32
示例2-13　使用jQuery錶單過濾選擇器獲取元素/35
綜閤案例分析—導航條在項目中的應用/37
第3章　jQuery操作DOM /42
示例3-1　創建一個DOM頁麵文檔/43
示例3-2　通過attr(name)方法獲取元素的屬性/45
示例3-3　設置元素的屬性（一）/46
示例3-4　設置元素的屬性（二）/48
示例3-5　設置或獲取元素的內容/50
示例3-6　設置或獲取元素的值/51
示例3-7　直接設置元素樣式值/54
示例3-8　增加CSS類彆/55
示例3-9　類彆切換/57
示例3-10　動態創建節點元素/59
示例3-11　插入節點（一）/62
示例3-12　插入節點（二）/63
示例3-13　外部插入節點/65
示例3-14　復製元素節點/66
示例3-15　替換元素節點/68
示例3-16　包裹元素節點/70
示例3-17　遍曆元素/72
示例3-18　刪除元素/73
綜閤案例分析—數據刪除和圖片預覽在項目中的應用/75
第4章　jQuery中的事件與應用/82
示例4-1　事件中的冒泡現象/83
示例4-2　用bind方法綁定事件/87
示例4-3　用映射方式綁定不同的事件/88
示例4-4　用hover方法綁定事件/91
示例4-5　用toggle方法綁定事件/93
示例4-6　用unbind方法移除事件/94
示例4-7　用one方法綁定事件/97
示例4-8　用trigger方法綁定事件/98
示例4-9　文本框中的事件應用/100
示例4-10　下拉列錶框中的事件應用/104
示例4-11　列錶中的導航菜單應用/109
示例4-12　網頁選項卡的應用/114
綜閤案例分析—刪除數據時的提示效果在項目中的應用/116
第5章　jQuery的動畫與特效/124
示例5-1　show()與hide()方法簡介125
示例5-2　動畫效果的show()與hide()方法127
示例5-3　toggle()方法的使用/129
示例5-4　slideDown()與slideUp()方法/132
示例5-5　slideToggle()方法/134
示例5-6　fadeIn()和fadeOut()方法/136
示例5-7　fadeTo()方法/138
示例5-8　簡單的動畫/140
示例5-9　移動位置的動畫/142
示例5-10　隊列中的動畫/144
示例5-11　動畫停止和延時/146
綜閤案例分析—動畫效果瀏覽相冊中的圖片/149
第6章　Ajax在jQuery中的應用/159
示例6-1　傳統的JavaScript方法實現Ajax功能/160
示例6-2　load()方法實現異步獲取數據/162
示例6-3　全局函數getJSON()實現異步獲取數據/164
示例6-4　全局函數getScript()實現異步獲取數據/166
示例6-5　全局函數get()實現異步獲取XML文檔數據/168
示例6-6　全局函數get ()嚮服務器請求數據/171
示例6-7　全局函數post ()嚮服務器請求數據/173
示例6-8　serialize()序列化錶單/175
示例6-9　用$.ajax()方法發送請求/178
示例6-10　$.ajaxSetup()方法全局設置Ajax /181
示例6-11　jQuery中的全局事件/185
綜閤案例分析—用Ajax實現新聞點評即時更新/187
第7章　jQuery常用插件/197
示例7-1　驗證插件的使用/199
示例7-2　錶單插件的使用/203
示例7-3　cookie插件的使用/206
示例7-4　搜索插件的使用/209
示例7-5　圖片燈箱插件的使用/213
示例7-6　右鍵菜單插件的使用/217
示例7-7　圖片放大鏡插件的使用/222
示例7-8　對象級彆插件的開發/226
示例7-9　類級彆插件的開發/229
綜閤案例分析—使用uploadify插件實現文件上傳功能 /232
第8章　jQuery UI插件/242
示例8-1　使用draggable插件實現對象的拖曳操作/245
示例8-2　使用droppable插件實現對象的放置操作/247
示例8-3　使用sortable插件實現列錶中錶項的拖曳排序操作/250
示例8-4　使用accordion插件實現頁麵中多區域的摺疊操作/253
示例8-5　使用datepicker插件實現日期選擇的基本操作/256
示例8-6　使用datepicker插件實現分段時間的選擇/258
示例8-7　使用tabs插件展示選項卡的基本功能/261
示例8-8　使用dialog插件彈齣提示和確定信息對話框/264
綜閤案例分析—使用jQuery UI插件以拖動方式管理相冊/269
第9章　jQuery實用工具函數/278
示例9-1　browser對象的使用/280
示例9-2　boxModel對象的使用/282
示例9-3　$.each()函數遍曆數組/284
示例9-4　$.each()函數遍曆對象/285
示例9-5　$. grep()函數篩選數據/287
示例9-6　$. map()函數變更數據/288
示例9-7　$.inArray()函數搜索數據/290
示例9-8　$.trim()函數除掉字符串左右兩邊的空格符/292
示例9-9　$.isEmptyObject()函數的使用/293
示例9-10　$.isPlainObject ()函數的使用/295
示例9-11　$.contains()函數的使用/296
示例9-12　使用函數$.param()對數組進行序列化/298
示例9-13　使用函數$.extend()擴展工具函數/300
示例9-14　使用函數$.proxy()改變事件函數的作用域/302
綜閤案例分析—使用jQuery擴展工具函數實現對字符串指定類型的檢測/305
第10章　jQuery性能優化與最佳實踐/312
示例10-1　在指定的查找範圍內獲取DOM元素/315
示例10-2　選擇器中含有空格符與不含空格符的區彆/318
示例10-3　事件中的target方法優化冒泡現象/320
示例10-4　使用data()方法在元素上存取移除數據/322
示例10-5　使用data()方法在元素上存取移除JSON格式的數據/323
示例10-6　解決jQuery庫先於其他庫導入時，變量“$”的使用權問題/326
示例10-7　解決jQuery庫後於其他庫導入時，變量“$”的使用權問題/328
示例10-8　使用子查詢優化選擇器性能/330
示例10-9　減少對DOM元素直接操作/332
示例10-10　DOM對象與jQuery對象的類型轉換/335
第11章　綜閤案例開發/338
案例1：切割圖片/339
案例2：在綫聊天室/349
· · · · · · (收起)