目錄
第1章 認識jQuery 1
1.1 JavaScript和JavaScript庫 1
1.1.1 JavaScript簡介 1
1.1.2 JavaScript庫作用及對比 1
1.2 加入jQuery 3
1.2.1 jQuery簡介 3
1.2.2 jQuery的優勢 4
1.3 jQuery代碼的編寫 5
1.3.1 配置jQuery環境 5
1.3.2 編寫簡單的jQuery代碼 7
1.3.3 jQuery代碼風格 8
1.4 jQuery對象和DOM對象 11
1.4.1 DOM對象和jQuery對象簡介 11
1.4.2 jQurey對象和DOM對象的相互轉換 13
1.4.3 實例研究 14
1.5 解決jQuery和其他庫的衝突 16
1.6 jQuery開發工具和外掛程式 18
1.7 小結 22
第2章 jQuery選擇器 23
2.1 jQuery選擇器是什麼 23
2.2 jQuery選擇器的優勢 26
2.3 jQuery選擇器 27
2.3.1 基本選擇器 32
2.3.2 層次選擇器 33
2.3.3 過濾選擇器 35
2.3.4 表單選擇器 48
2.4 套用jQuery改寫示例 50
2.5 選擇器中的一些注意事項 50
2.5.1 選擇器中含有特殊符號的注意事項 50
2.5.2 選擇器中含有空格的注意事項 51
2.6 案例研究——某網站品牌列表的效果 52
2.7 其他選擇器 58
2.7.1 jQuery提供的選擇器的擴展 58
2.7.2 其他使用CSS選擇器的方法 59
2.8 小結 60
第3章 jQuery中的DOM操作 61
3.1 DOM操作的分類 61
3.2 jQuery中的DOM操作 62
3.2.1 查找節點 63
3.2.2 創建節點 64
3.2.3 插入節點 66
3.2.4 刪除節點 69
3.2.5 複製節點 71
3.2.6 替換節點 72
3.2.7 包裹節點 72
3.2.8 屬性操作 75
3.2.9 樣式操作 76
3.2.10 設定和獲取HTML、文本和值 80
3.2.11 遍歷節點 85
3.2.12 CSS-DOM操作 88
3.3 案例研究——某網站的超連結和圖片提示效果 91
3.4 小結 97
第4章 jQuery中的事件和動畫 98
4.1 jQuery中的事件 98
4.1.1 載入DOM 98
4.1.2 事件綁定 101
4.1.3 合成事件 105
4.1.4 事件冒泡 108
4.1.5 事件對象的屬性 112
4.1.6 移除事件 114
4.1.7 模擬操作 117
4.1.8 其他用法 118
4.2 jQuery中的動畫 120
4.2.1 show()方法和hide()方法 120
4.2.2 fadeIn()方法和fadeOut()方法 122
4.2.3 slideUp()方法和slideDown()方法 123
4.2.4 自定義動畫方法animate() 123
4.2.5 動畫回調函式 127
4.2.6 停止動畫和判斷是否處於動畫狀態 127
4.2.7 其他動畫方法 130
4.2.8 動畫方法概括 131
4.3 視頻展示效果實例 133
4.4 小結 139
第5章 jQuery對表單、表格的操作及更多套用 140
5.1 表單套用 140
5.1.1 單行文本框套用 140
5.1.2 多行文本框套用 142
5.1.3 複選框套用 145
5.1.4 下拉框套用 149
5.1.5 表單驗證 152
5.2 表格套用 155
5.2.1 表格變色 156
5.2.2 表格展開關閉 160
5.2.3 表格內容篩選 161
5.3 其他套用 163
5.3.1 網頁字型大小 163
5.3.2 網頁選項卡 165
5.3.3 網頁換膚 167
5.4 小結 171
第6章 jQuery與Ajax的套用 172
6.1 Ajax的優勢和不足 172
6.1.1 Ajax的優勢 172
6.1.2 Ajax的不足 173
6.2 Ajax的XMLHttpRequest對象 173
6.3 安裝Web環境——AppServ 174
6.4 編寫第1個Ajax例子 175
6.5 jQuery中的Ajax 177
6.5.1 load()方法 177
6.5.2 $.get()方法和$.post()方法 179
6.5.3 $.getScript()方法和$.getJson()方法 185
6.5.4 $.ajax()方法 188
6.6 序列化元素 191
6.7 jQuery中的Ajax全局事件 193
6.8 基於jQuery的Ajax聊天室程式 195
6.8.1 基本構想 195
6.8.2 設計資料庫 195
6.8.3 伺服器端處理 196
6.8.4 客戶端處理 197
6.8.5 客戶端代碼 197
6.8.6 整合代碼 201
6.9 小結 202
第7章 jQuery外掛程式的使用和寫法 203
7.1 jQuery表單驗證外掛程式——Validation 203
7.1.1 Validation簡介 203
7.1.2 下載地址 204
7.1.3 快速上手 204
7.1.4 不同的驗證寫法 207
7.1.5 驗證信息 209
7.1.6 自定義驗證規則 212
7.1.7 API 213
7.2 jQuery表單外掛程式——Form 213
7.2.1 Form外掛程式簡介 213
7.2.2 下載地址 214
7.2.3 快速上手 214
7.2.4 核心方法——ajaxForm()和ajaxSubmit() 215
7.2.5 ajaxForm()方法和ajaxSubmit()方法的參數 215
7.2.6 表單提交之前驗證表單 218
7.2.7 API 220
7.3 模態視窗外掛程式——SimpleModal 220
7.3.1 SimpleModal外掛程式簡介 220
7.3.2 下載地址 221
7.3.3 快速上手 221
7.3.4 關閉模態視窗 222
7.3.5 實際套用 223
7.3.6 API 225
7.4 管理Cookie的外掛程式——Cookie 225
7.4.1 Cookie外掛程式簡介 225
7.4.2 下載地址 225
7.4.3 快速上手 226
7.4.4 API 227
7.5 jQuery UI外掛程式 228
7.5.1 jQuery UI簡介 228
7.5.2 下載地址 228
7.5.3 快速上手 230
7.5.4 與單擊事件衝突 231
7.5.5 與後台結合 232
7.6 編寫jQuery外掛程式 234
7.6.1 外掛程式的種類 234
7.6.2 外掛程式的基本要點 234
7.6.3 外掛程式中的閉包 235
7.6.4 jQuery外掛程式的機制 236
7.6.5 編寫jQuery外掛程式 237
7.7 小結 248
第8章 用jQuery打造個性網站 249
8.1 案例背景介紹 249
8.2 網站材料 249
8.3 網站結構 249
8.3.1 檔案結構 249
8.3.2 網頁結構 250
8.3.3 界面設計 250
8.4 網站的(X)HTML 252
8.5 網站樣式(CSS) 252
8.5.1 將CSS檔案分門別類 252
8.5.2 編寫CSS 252
8.6 網站腳本(jQuery) 273
8.6.1 準備工作 273
8.6.2 首頁(index.html)上的功能 274
8.6.3 詳細頁(detail.html)上的功能 282
8.7 小結 290
第9章 jQuery Mobile 291
9.1 HTML 5簡介 291
9.2 jQuery Mobile簡介 292
9.3 jQuery Mobile主要特性 292
9.4 jQuery Mobile的使用 293
9.4.1 準備工作 293
9.4.2 構建HTML模板 294
9.4.3 data-role屬性 295
9.4.4 添加內容 296
9.4.5 樣式切換 297
9.5 其他框架 298
9.5.1 移動框架 298
9.5.2 PhoneGap 299
9.6 小結 299
第10章 jQuery各個版本的變化 300
10.1 jQuery的發展歷史 300
10.2 jQuery各個版本新增方法 307
10.3 小結 311
第11章 jQuery性能最佳化和技巧 312
11.1 jQuery性能最佳化 312
11.2 jQuery技巧 318
11.3 小結 328
附錄A 關於$(document).ready()函式 329
A.1 $(document).ready()函式介紹 329
A.2 多個$(document).ready()函式 330
附錄B Firebug 331
B.1 概述 331
B.2 主面板簡介 332
B.2.1 控制台面板 333
B.2.2 HTML面板 337
B.2.3 CSS、DOM和網路面板 341
B.2.4 腳本面板 341
B.3 一些資源 344
B.4 總結 345
附錄C Ajax的XMLHttpRequest對象的屬性和方法 346
附錄D jQuery $.ajax()方法的參數詳解 349
附錄E jQuery載入並解析XML 353
E.1 簡述 353
E.2 Content-Type 353
E.3 XML結構 353
E.4 獲取XML 354
E.5 解析XML 355
E.6 禁用快取 355
附錄F 外掛程式API 357
F.1 Validation外掛程式API 357
F.2 Form外掛程式API 359
F.3 SimpleModal外掛程式API 365
F.4 Cookie外掛程式API 366
附錄G jQuery速查表 368
G.1 基礎 368
G.2 選擇器 369
G.3 屬性 371
G.4 篩選 371
G.5 文檔處理 372
G.6 CSS 373
G.7 事件 374
G.8 效果 376
G.9 Ajax 377
G.10 實用項 378
G.11 其他對象 379
