鋒利的jQuery

第1章 認(rèn)識(shí)jQuery 1
1.1 JavaScript和JavaScript庫 1
1.1.1 JavaScript簡(jiǎn)介 1
1.1.2 JavaScript庫作用及對(duì)比 1
1.2 加入jQuery 3
1.2.1 jQuery簡(jiǎn)介 3
1.2.2 jQuery的優(yōu)勢(shì) 4
1.3 jQuery代碼的編寫 5
1.3.1 配置jQuery環(huán)境 5
1.3.2 編寫簡(jiǎn)單的jQuery代碼 7
1.3.3 jQuery代碼風(fēng)格 8
1.4 jQuery對(duì)象和DOM對(duì)象 12
1.4.1 DOM對(duì)象和jQuery對(duì)象簡(jiǎn)介 12
1.4.2 jQurey對(duì)象和DOM對(duì)象的相互轉(zhuǎn)換 14
1.4.3 實(shí)例研究 15
1.5 解決jQuery和其他庫的沖突 17
1.6 jQuery開發(fā)工具和插件 20
1.7 小結(jié) 24
第2章 jQuery選擇器 25
2.1 jQuery選擇器是什么 25
2.2 jQuery選擇器的優(yōu)勢(shì) 28
2.3 jQuery選擇器 30
2.3.1 基本選擇器 34
2.3.2 層次選擇器 36
2.3.3 過濾選擇器 38
2.3.4 表單選擇器 49
2.4 應(yīng)用jQuery改寫示例 51
2.5 選擇器中的一些注意事項(xiàng) 51
2.5.1 選擇器中含有特殊符號(hào)的注意事項(xiàng) 51
2.5.2 選擇器中含有空格的注意事項(xiàng) 52
2.6 案例研究——某網(wǎng)站品牌列表的效果 53
2.7 其他選擇器 60
2.7.1 jQuery提供的選擇器的擴(kuò)展 60
2.7.2 其他使用CSS選擇器的方法 60
2.8 小結(jié) 61
第3章 jQuery中的DOM操作 62
3.1 DOM操作的分類 62
3.2 jQuery中的DOM操作 63
3.2.1 查找節(jié)點(diǎn) 64
3.2.2 創(chuàng)建節(jié)點(diǎn) 65
3.2.3 插入節(jié)點(diǎn) 68
3.2.4 刪除節(jié)點(diǎn) 70
3.2.5 復(fù)制節(jié)點(diǎn) 72
3.2.6 替換節(jié)點(diǎn) 73
3.2.7 包裹節(jié)點(diǎn) 73
3.2.8 屬性操作 75
3.2.9 樣式操作 76
3.2.10 設(shè)置和獲取HTML.文本和值 80
3.2.11 遍歷節(jié)點(diǎn) 86
3.2.12 CSS-DOM操作 89
3.3 案例研究——某網(wǎng)站的超鏈接和圖片提示效果 91
3.4 小結(jié) 98
第4章 jQuery中的事件和動(dòng)畫 99
4.1 jQuery中的事件 99
4.1.1 加載DOM 99
4.1.2 事件綁定 102
4.1.3 合成事件 106
4.1.4 事件冒泡 109
4.1.5 事件對(duì)象的屬性 113
4.1.6 移除事件 115
4.1.7 模擬操作 118
4.1.8 其他用法 119
4.2 jQuery中的動(dòng)畫 121
4.2.1 show()方法和hide()方法 121
4.2.2 fadeIn()方法和fadeOut()方法 124
4.2.3 slideUp()方法和slideDown()方法 124
4.2.4 自定義動(dòng)畫方法animate() 125
4.2.5 動(dòng)畫回調(diào)函數(shù) 128
4.2.6 停止動(dòng)畫和判斷是否處于動(dòng)畫狀態(tài) 128
4.2.7 其他動(dòng)畫方法 131
4.2.8 動(dòng)畫方法概括 132
4.3 視頻展示效果實(shí)例 133
4.4 小結(jié) 140
第5章 jQuery對(duì)表單.表格的操作及更多應(yīng)用 141
5.1 表單應(yīng)用 141
5.1.1 單行文本框應(yīng)用 141
5.1.2 多行文本框應(yīng)用 143
5.1.3 復(fù)選框應(yīng)用 146
5.1.4 下拉框應(yīng)用 150
5.1.5 表單驗(yàn)證 152
5.2 表格應(yīng)用 156
5.2.1 表格變色 157
5.2.2 表格展開關(guān)閉 161
5.2.3 表格內(nèi)容篩選 163
5.3 其他應(yīng)用 164
5.3.1 網(wǎng)頁字體大小 164
5.3.2 網(wǎng)頁選項(xiàng)卡 167
5.3.3 網(wǎng)頁換膚 169
5.4 小結(jié) 173
第6章 jQuery與Ajax的應(yīng)用 174
6.1 Ajax的優(yōu)勢(shì)和不足 174
6.1.1 Ajax的優(yōu)勢(shì) 174
6.1.2 Ajax的不足 175
6.2 Ajax的XMLHttpRequest對(duì)象 176
6.3 安裝Web環(huán)境——AppServ 176
6.4 編寫第1個(gè)Ajax例子 177
6.5 jQuery中的Ajax 179
6.5.1 load()方法 179
6.5.2 $.get()方法和$.post()方法.. 182
6.5.3 $.getScript()方法和$.getJson()方法 187
6.5.4 $.ajax()方法 191
6.6 序列化元素 194
6.7 jQuery中的Ajax全局事件 197
6.8 基于jQuery的Ajax聊天室程序 198
6.8.1 基本設(shè)想 198
6.8.2 設(shè)計(jì)數(shù)據(jù)庫 199
6.8.3 服務(wù)器端處理 199
6.8.4 客戶端處理 200
6.8.5 客戶端代碼 200
6.8.6 整合代碼 204
6.9 小結(jié) 207
第7章 插件的使用和寫法 208
7.1 jQuery表單驗(yàn)證插件——Validation 208
7.1.1 Validation簡(jiǎn)介 208
7.1.2 下載地址 209
7.1.3 快速上手 209
7.1.4 不同的驗(yàn)證寫法 212
7.1.5 驗(yàn)證信息 215
7.1.6 自定義驗(yàn)證規(guī)則 218
7.1.7 API 219
7.2 jQuery表單插件——Form 219
7.2.1 Form插件簡(jiǎn)介 219
7.2.2 下載地址 219
7.2.3 快速上手 220
7.2.4 核心方法——ajaxForm()和ajaxSubmit() 221
7.2.5 ajaxForm()方法和ajaxSubmit()方法的參數(shù) 221
7.2.6 表單提交之前驗(yàn)證表單 224
7.2.7 API 226
7.3 動(dòng)態(tài)綁定事件插件——livequery 226
7.3.1 livequery插件簡(jiǎn)介 226
7.3.2 下載地址 227
7.3.3 快速上手 227
7.3.4 與復(fù)雜選擇器結(jié)合使用 228
7.3.5 觸發(fā)回調(diào)函數(shù) 230
7.3.6 關(guān)于插件開發(fā) 230
7.3.7 API 231
7.4 jQueryUI插件 231
7.4.1 jQueryUI簡(jiǎn)介 231
7.4.2 下載地址 232
7.4.3 快速上手 233
7.4.4 與單擊事件沖突 235
7.4.5 與后臺(tái)結(jié)合 235
7.5 管理Cookie的插件——Cookie 237
7.5.1 Cookie插件簡(jiǎn)介 237
7.5.2 下載地址 238
7.5.3 快速上手 238
7.5.4 API 239
7.6 編寫jQuery插件 240
7.6.1 插件的種類 240
7.6.2 插件的基本要點(diǎn) 241
7.6.3 插件中的閉包 241
7.6.4 jQuery插件的機(jī)制 243
7.6.5 編寫jQuery插件 244
7.7 小結(jié) 255
第8章 用jQuery打造個(gè)性網(wǎng)站 256
8.1 案例背景介紹 256
8.2 網(wǎng)站材料 256
8.3 網(wǎng)站結(jié)構(gòu) 256
8.3.1 文件結(jié)構(gòu) 256
8.3.2 網(wǎng)頁結(jié)構(gòu) 257
8.3.3 界面設(shè)計(jì) 257
8.4 網(wǎng)站的(X)HTML 259
8.5 網(wǎng)站樣式(CSS) 259
8.5.1 將CSS文件分門別類 259
8.5.2 編寫CSS 260
8.6 網(wǎng)站腳本(jQuery) 274
8.6.1 準(zhǔn)備工作 274
8.6.2 首頁(index.html)上的功能 274
8.6.3 詳細(xì)頁(detail.html)上的功能 289
8.7 小結(jié) 298
附錄A 關(guān)于$(document).ready()函數(shù) 299
A.1 $(document).ready()函數(shù)介紹 299
A.2 多個(gè)$(document).ready()函數(shù) 300
附錄B Firebug 301
B.1 概述 301
B.2 主面板簡(jiǎn)介 302
B.2.1 控制臺(tái)面板 304
B.2.2 HTML面板 308
B.2.3 CSS.腳本和網(wǎng)絡(luò)面板 313
B.2.4 腳本面板 314
B.3 一些資源 318
B.4 總結(jié) 318
附錄C Ajax的XMLHttpRequest對(duì)象的屬性和方法 319
附錄D jQuery$.ajax()方法的參數(shù)詳解 322
附錄E jQuery加載并解析XML 325
E.1 簡(jiǎn)述 325
E.2 Content-Type 325
E.3 XML結(jié)構(gòu) 325
E.4 獲取XML 326
E.5 解析XML 327
E.6 禁用緩存 328
附錄F 插件API 329
F.1 Validation插件API 329
F.2 Form插件API 331
F.3 Livequery插件API 335
附錄G jQuery速查表 337
G.1 基礎(chǔ) 337
G.2 選擇器 338
G.3 屬性 340
G.4 篩選 340
G.5 文檔處理 342
G.6 CSS 343
G.7 事件 343
G.8 效果 345
G.9 Ajax 346
G.10 實(shí)用項(xiàng)347