目 錄
第1篇 基礎(chǔ) 入 門
第1章 必須了解的JavaScript知識(shí) 3
1.1 認(rèn)識(shí)JavaScript 4
1.1.1 什么是JavaScript 4
1.1.2 JavaScript的特點(diǎn) 4
1.2 JavaScript的編寫工具 5
1.2.1 記事本 5
1.2.2 Dreamweaver CC 6
1.3 JavaScript在HTML 5中的使用 6
1.3.1 在HTML 5網(wǎng)頁頭中嵌入
JavaScript代碼 7
1.3.2 在HTML 5網(wǎng)頁中嵌入
JavaScript代碼 8
1.3.3 在HTML 5中調(diào)用已經(jīng)存在的
JavaScript文件 9
1.4 JavaScript的核心語法 10
1.4.1 變量的聲明和賦值 10
1.4.2 看透代碼中的數(shù)據(jù)類型 12
1.4.3 邏輯控制語句 16
1.5 實(shí)戰(zhàn)演練——一個(gè)簡單的JavaScript
示例 19
1.6 疑難解惑 20
第2章 深入學(xué)習(xí)JavaScript對(duì)象
與數(shù)組 21
2.1 了解對(duì)象 22
2.1.1 什么是對(duì)象 22
2.1.2 面向?qū)ο缶幊?nbsp; 23
2.1.3 JavaScript的內(nèi)部對(duì)象 24
2.2 對(duì)象訪問語句 25
2.2.1 for-in循環(huán)語句 25
2.2.2 with語句 26
2.3 JavaScript中的數(shù)組 27
2.3.1 結(jié)構(gòu)化數(shù)據(jù) 27
2.3.2 創(chuàng)建和訪問數(shù)組對(duì)象 27
2.3.3 使用for-in語句 30
2.3.4 Array對(duì)象的常用屬性和方法 30
2.4 詳解常用的數(shù)組對(duì)象方法 39
2.4.1 連接其他數(shù)組到當(dāng)前數(shù)組 39
2.4.2 將數(shù)組元素連接為字符串 40
2.4.3 移除數(shù)組中最后一個(gè)元素 41
2.4.4 將指定的數(shù)值添加到數(shù)組中 41
2.4.5 反序排列數(shù)組中的元素 42
2.4.6 刪除數(shù)組中的第一個(gè)元素 43
2.4.7 獲取數(shù)組中的一部分?jǐn)?shù)據(jù) 44
2.4.8 對(duì)數(shù)組中的元素進(jìn)行排序 45
2.4.9 將數(shù)組轉(zhuǎn)換成字符串 46
2.4.10 將數(shù)組轉(zhuǎn)換成本地字符串 47
2.4.11 在數(shù)組開頭插入數(shù)據(jù) 47
2.5 創(chuàng)建和使用自定義對(duì)象 48
2.5.1 通過定義對(duì)象構(gòu)造函數(shù)的方法 48
2.5.2 通過對(duì)象直接初始化的方法 51
2.5.3 修改和刪除對(duì)象實(shí)例的屬性 52
2.5.4 通過原型為對(duì)象添加新屬性
和新方法 53
2.5.5 自定義對(duì)象的嵌套 54
2.5.6 內(nèi)存的分配和釋放 57
2.6 實(shí)戰(zhàn)演練——利用二維數(shù)組創(chuàng)建
動(dòng)態(tài)下拉菜單 57
2.7 疑難解惑 59
第3章 jQuery的基礎(chǔ)知識(shí) 61
3.1 jQuery概述 62
3.1.1 jQuery能做什么 62
3.1.2 jQuery的特點(diǎn) 62
3.1.3 jQuery的技術(shù)優(yōu)勢(shì) 63
3.2 下載并配置jQuery 65
3.2.1 下載jQuery 66
3.2.2 配置jQuery 67
3.3 jQuery的開發(fā)工具 67
3.3.1 JavaScript Editor Pro 67
3.3.2 Dreamweaver 68
3.3.3 UltraEdit 69
3.3.4 記事本工具 69
3.4 jQuery的調(diào)試小工具 70
3.4.1 Firebug 70
3.4.2 Blackbird 73
3.4.3 jQueryPad 75
3.5 jQuery與CSS 3 75
3.5.1 CSS 3構(gòu)造規(guī)則 75
3.5.2 瀏覽器的兼容性 76
3.5.3 jQuery的引入 77
3.6 實(shí)戰(zhàn)演練——我的第一個(gè)jQuery程序 78
3.6.1 開發(fā)前的一些準(zhǔn)備工作 78
3.6.2 具體的程序開發(fā) 79
3.7 疑難解惑 79
第4章 jQuery的選擇器 81
4.1 jQuery的$ 82
4.1.1 $符號(hào)的應(yīng)用 82
4.1.2 功能函數(shù)的前綴 83
4.1.3 創(chuàng)建DOM元素 83
4.2 基本選擇器 84
4.2.1 通配符選擇器(*) 84
4.2.2 ID選擇器(#id) 85
4.2.3 類名選擇器(.class) 87
4.2.4 元素選擇器(element) 88
4.2.5 復(fù)合選擇器 89
4.3 層級(jí)選擇器 90
4.3.1 祖先后代選擇器(ancestor
descendant) 90
4.3.2 父子選擇器(parent>child) 92
4.3.3 相鄰元素選擇器(prev next) 94
4.3.4 兄弟選擇器(prev~siblings) 95
4.4 過濾選擇器 97
4.4.1 簡單過濾選擇器 97
4.4.2 內(nèi)容過濾選擇器 104
4.4.3 可見性過濾器 110
4.4.4 表單過濾器 114
4.5 表單選擇器 116
4.5.1 :input選擇器 116
4.5.2 :text選擇器 117
4.5.3 :password選擇器 117
4.5.4 :radio選擇器 118
4.5.5 :checkbox選擇器 119
4.5.6 :submit選擇器 121
4.5.7 :reset選擇器 121
4.5.8 :button選擇器 122
4.5.9 :image選擇器 123
4.5.10 :file選擇器 124
4.6 屬性選擇器 125
4.6.1 [attribute]選擇器 125
4.6.2 [attribute=value]選擇器 127
4.6.3 [attribute!=value]選擇器 128
4.6.4 [attribute$=value]選擇器 129
4.7 實(shí)戰(zhàn)演練——匹配表單中的元素
并實(shí)現(xiàn)不同的操作 130
4.8 疑難解惑 132
第2篇 核心 技 術(shù)
第5章 用jQuery控制頁面 137
5.1 對(duì)頁面的內(nèi)容進(jìn)行操作 138
5.1.1 對(duì)文本內(nèi)容進(jìn)行操作 138
5.1.2 對(duì)HTML內(nèi)容進(jìn)行操作 140
5.1.3 移動(dòng)和復(fù)制頁面內(nèi)容 141
5.1.4 刪除頁面內(nèi)容 142
5.1.5 克隆頁面內(nèi)容 143
5.2 對(duì)標(biāo)記的屬性進(jìn)行操作 144
5.2.1 獲取屬性的值 144
5.2.2 設(shè)置屬性的值 145
5.2.3 刪除屬性的值 146
5.3 對(duì)表單元素進(jìn)行操作 147
5.3.1 獲取表單元素的值 147
5.3.2 設(shè)置表單元素的值 148
5.4 對(duì)元素的CSS樣式進(jìn)行操作 149
5.4.1 添加CSS類 149
5.4.2 刪除CSS類 151
5.4.3 動(dòng)態(tài)切換CSS類 153
5.4.4 獲取和設(shè)置CSS樣式 154
5.5 實(shí)戰(zhàn)演練——制作奇偶變色的表格 156
5.6 疑難解惑 158
第6章 jQuery的動(dòng)畫特效 161
6.1 jQuery的基本動(dòng)畫效果 162
6.1.1 隱藏元素 162
6.1.2 顯示元素 165
6.1.3 狀態(tài)切換 167
6.2 淡入淡出的動(dòng)畫效果 168
6.2.1 淡入隱藏元素 169
6.2.2 淡出可見元素 170
6.2.3 切換淡入淡出元素 171
6.2.4 淡入淡出元素至指定數(shù)值 172
6.3 滑動(dòng)效果 174
6.3.1 滑動(dòng)顯示匹配的元素 174
6.3.2 滑動(dòng)隱藏匹配的元素 175
6.3.3 通過高度的變化動(dòng)態(tài)切換
元素的可見性 176
6.4 自定義的動(dòng)畫效果 178
6.4.1 創(chuàng)建自定義動(dòng)畫 178
6.4.2 停止動(dòng)畫 179
6.5 疑難解惑 181
第7章 jQuery的事件處理 183
7.1 jQuery的事件機(jī)制概述 184
7.1.1 什么是jQuery的事件機(jī)制 184
7.1.2 事件切換 184
7.1.3 事件冒泡 186
7.2 頁面加載響應(yīng)事件 187
7.3 jQuery中的事件函數(shù) 188
7.3.1 鍵盤操作事件 188
7.3.2 鼠標(biāo)操作事件 190
7.3.3 其他的常用事件 193
7.4 事件的基本操作 195
7.4.1 綁定事件 195
7.4.2 觸發(fā)事件 196
7.4.3 移除事件 197
7.5 實(shí)戰(zhàn)演練——制作絢麗的多級(jí)動(dòng)畫
菜單 199
7.6 疑難解惑 204
第8章 jQuery的功能函數(shù) 205
8.1 功能函數(shù)概述 206
8.2 常用的功能函數(shù) 207
8.2.1 操作數(shù)組和對(duì)象 207
8.2.2 操作字符串 210
8.2.3 序列化操作 212
8.3 調(diào)用外部代碼 213
8.4 疑難解惑 214
第9章 jQuery與Ajax技術(shù)的應(yīng)用 217
9.1 Ajax快速入門 218
9.1.1 什么是Ajax 218
9.1.2 Ajax的關(guān)鍵元素 221
9.1.3 CSS在Ajax應(yīng)用中的地位 221
9.2 Ajax的核心技術(shù) 222
9.2.1 全面剖析XMLHttpRequest
對(duì)象 222
9.2.2 發(fā)出Ajax請(qǐng)求 224
9.2.3 處理服務(wù)器響應(yīng) 226
9.3 jQuery中的Ajax 227
9.3.1 load()方法 227
9.3.2 $.get()方法和$.post()方法 230
9.3.3 $.getScript()方法和$.getJson()
方法 233
9.3.4 $.ajax()方法 236
9.4 疑難解惑 237
第10章 jQuery插件的開發(fā)與使用 239
10.1 理解插件 240
10.1.1 什么是插件 240
10.1.2 如何使用插件 240
10.2 流行的插件 241
10.2.1 jQueryUI插件 242
10.2.2 Form插件 243
10.2.3 提示信息插件 245
10.2.4 jcarousel插件 245
10.3 定義自己的插件 246
10.3.1 插件的工作原理 246
10.3.2 自定義一個(gè)簡單的插件 247
10.4 實(shí)戰(zhàn)演練——?jiǎng)?chuàng)建拖曳購物車效果 250
10.5 疑難解惑 251
第3篇 移動(dòng)網(wǎng)頁開發(fā)
第11章 走進(jìn)jQuery Mobile 255
11.1 認(rèn)識(shí)jQuery Mobile 256
11.2 跨平臺(tái)移動(dòng)設(shè)備網(wǎng)頁jQuery Mobile 256
11.2.1 移動(dòng)設(shè)備模擬器 256
11.2.2 jQuery Mobile的安裝 258
11.2.3 jQuery Mobile網(wǎng)頁的架構(gòu) 260
11.3 創(chuàng)建多頁面的jQuery Mobile網(wǎng)頁 261
11.4 將頁面作為對(duì)話框使用 262
11.5 絢麗多彩的頁面切換效果 264
11.6 疑難解惑 266
第12章 jQuery MobileUI組件 267
12.1 套用UI組件 268
12.1.1 表單組件 268
12.1.2 按鈕和按鈕組 276
12.1.3 按鈕圖標(biāo) 278
12.1.4 彈窗 280
12.2 列表 281
12.2.1 列表視圖 281
12.2.2 列表內(nèi)容 284
12.2.3 列表過濾 286
12.3 面板和可折疊塊 287
12.3.1 面板 288
12.3.2 可折疊塊 289
12.4 導(dǎo)航條 291
12.5 實(shí)戰(zhàn)演練——使用jQuery Mobile
主題 294
12.6 疑難解惑 297
第13章 jQuery Mobile事件 299
13.1 頁面事件 300
13.1.1 初始化事件 300
13.1.2 外部頁面加載事件 302
13.1.3 頁面過渡事件 304
13.2 觸摸事件 306
13.2.1 點(diǎn)擊事件 306
13.2.2 滑動(dòng)事件 309
13.3 滾屏事件 311
13.4 定位事件 314
13.5 疑難解惑 316
第4篇 項(xiàng)目 實(shí) 戰(zhàn)
第14章 項(xiàng)目演練1——開發(fā)時(shí)鐘特效
系統(tǒng) 319
14.1 項(xiàng)目需求分析 320
14.2 項(xiàng)目技術(shù)分析 321
14.3 系統(tǒng)的代碼實(shí)現(xiàn) 321
14.3.1 設(shè)計(jì)首頁 322
14.3.2 定義時(shí)鐘類 323
14.3.3 定義數(shù)字時(shí)鐘的視圖類 325
14.3.4 定義圓形指針時(shí)鐘的視圖類 329
14.3.5 合并多個(gè)js文件 331
14.3.6 合并Clock.js、DigitalView.js
和CircleView.js文件 332
第15章 項(xiàng)目演練2——開發(fā)動(dòng)態(tài)字符
演示系統(tǒng) 343
15.1 項(xiàng)目需求分析 344
15.2 項(xiàng)目技術(shù)分析 345
15.3 系統(tǒng)的代碼實(shí)現(xiàn) 345
15.3.1 設(shè)計(jì)首頁 345
15.3.2 定義動(dòng)畫的類和執(zhí)行
動(dòng)畫的類 348
15.3.3 封裝jQuery插件 358
15.3.4 合并js文件和編譯CSS
文件 359
15.3.5 合并TextAnimate.js和
jquery.textanimate.js文件 360
第16章 項(xiàng)目演練3——開發(fā)圖片堆疊
系統(tǒng) 367
16.1 項(xiàng)目需求分析 368
16.2 系統(tǒng)的代碼實(shí)現(xiàn) 369
16.2.1 設(shè)計(jì)首頁 369
16.2.2 圖片堆疊核心功能 374
16.2.3 封裝jQuery插件 382
16.2.4 合并js文件和編譯CSS
文件 383
16.2.5 合并ImgPile.js和
jquery.imgpile.js文件 384
第17章 項(xiàng)目演練4——開發(fā)商品信息
展示系統(tǒng) 393
17.1 項(xiàng)目需求分析 394
17.2 項(xiàng)目技術(shù)分析 396
17.3 系統(tǒng)的代碼實(shí)現(xiàn) 396
17.3.1 設(shè)計(jì)首頁 396
17.3.2 開發(fā)控制器類的文件 398
17.3.3 開發(fā)數(shù)據(jù)模型類文件 400
17.3.4 開發(fā)視圖抽象類的文件 402
17.3.5 項(xiàng)目中的其他js文件說明 405
第18章 項(xiàng)目演練5——開發(fā)連鎖酒店
移動(dòng)網(wǎng)站 407
18.1 連鎖酒店訂購的需求分析 408
18.2 網(wǎng)站的結(jié)構(gòu) 408
18.3 連鎖酒店系統(tǒng)的代碼實(shí)現(xiàn) 409
18.3.1 設(shè)計(jì)首頁 409
18.3.2 訂購頁面 410
18.3.3 連鎖分店頁面 415
18.3.4 查看訂單頁面 417
18.3.5 酒店介紹頁面 418
新書資訊