內容介紹
《jQuery全能權威指南:jQuery Core+jQuery Plugin+jQuery UI+jQuery Mobile》的閱讀對象是具有一些HTML、CSS和JavaScript知識的開發者,內容覆蓋了jQuery知識體系的全部內容,包括jQuery Core、jQuery Plugin、jQuery UI、jQuery Mobile以及大量第三方的外掛程式庫和2800多個套用jQuery技術的網頁參考。《jQuery全能權威指南:jQuery Core+jQuery Plugin+jQuery UI+jQuery Mobile》側重於實戰,提供了大量範例,以範例帶動知識的介紹。為開發和設計網頁提供一個真正快速的、全能的權威指南,包括實用方法、注意事項、最佳化體驗、實戰案例、核心剖析、業界經典。另外,《jQuery全能權威指南:jQuery Core+jQuery Plugin+jQuery UI+jQuery Mobile》附帶有多媒體教學光碟1張。作品目錄
目錄第1篇jQuery核心庫快速掌握和核心分析篇
第1章使用jQuery開發Web應用程式 3
視頻講解:63分鐘
1.1使用jQuery核心庫——
jQuery Core 4
1.1.1第一個jQuery範例 5
1.1.2基本語法 6
1.1.3為什麼要使用jQuery 7
1.1.4原始碼解析——jQuery庫的
閉包定義 9
1.1.5原始碼解析——使用單體
模式創建jQuery實例 9
1.2解決jQuery衝突 10
1.2.1原始碼解析——衝突的解決 12
1.2.2原始碼解析——jQuery類的
聲明技巧 12
1.3最佳化——關於開發效率和
運行效率 13
第2章jQuery對象和jQuery選擇器——
使用jQuery選擇器構建jQuery
對象 15
視頻講解:62分鐘
2.1選擇器基本語法——從源頭
談起 16
2.1.1轉義和保留字元 16
2.1.2快速掌握jQuery選擇器 17
2.2使用選擇器 19
2.2.1基本選擇器 19
2.2.2層級選擇器 20
2.2.3屬性選擇器 22
2.2.4子元素過濾選擇器 23
2.2.5基本過濾選擇器 26
2.2.6內容過濾選擇器 27
2.2.7可視化選擇器 28
2.2.8表單選擇器 28
2.3Sizzle選擇器引擎 29
2.4增強的jQuery()函式使用 29
2.4.1使用DOM元素構造jQuery
對象 30
2.4.2克隆jQuery對象 31
2.4.3解析HTML字元串為jQuery
對象 31
2.4.4解析單個HTML元素字元串
為jQuery對象 32
2.5jQuery XPath選擇器 33
2.5.1支持的軸運算符 33
2.5.2支持的條件謂詞 34
第3章jQuery對象和jQuery選擇器——jQuery對象結構和處理方法 37
視頻講解:56分鐘
3.1關於jQuery對象的結構 38
3.2處理jQuery對象 39
3.2.1疊代jQuery對象 39
3.2.2使用索引獲取jQuery集合
中的元素 40
3.2.3獲取指定元素的索引值 43
3.2.4過濾jQuery對象 44
3.2.5檢查是否包含指定特徵的
元素 47
3.2.6轉換jQuery對象為數組 48
3.3其他jQuery對象處理方法 49
3.3.1添加元素到jQuery對象 49
3.3.2通過合併構建jQuery對象 49
3.3.3使用jQuery對象快取 51
第4章處理DOM結構(DOM樹) 53
視頻講解:93分鐘
4.1屬性節點處理 54
4.1.1按照Core DOM規範處理
屬性 54
4.1.2按照HTML DOM規範處理
屬性 56
4.1.3刪除屬性 57
4.1.4處理class屬性 58
4.2處理元素內容 60
4.2.1獲取和改變元素的HTML
格式內容 61
4.2.2獲取和改變元素的文本格
式內容 62
4.3處理表單元素的值 62
4.4DOM樹遍歷 65
4.4.1匹配子元素 65
4.4.2匹配後代元素 66
4.4.3匹配祖輩元素 67
4.4.4匹配同輩元素 69
4.5改變DOM樹 71
4.5.1插入元素節點 71
4.5.2替換元素節點 76
4.5.3刪除元素節點 78
4.5.4克隆元素節點 79
4.5.5封裝元素節點 80
第5章CSS樣式處理 83
視頻講解:30分鐘
5.1基本的CSS樣式處理方法 84
5.2其他幾個快捷方法 86
5.2.1獲取和設定元素的定位 86
5.2.2處理滾動條位置 88
5.2.3高度和寬度計算 89
5.3CSS 3新增的樣式屬性以及瀏覽
器特定的擴展樣式屬性 91
第6章觸發事件 93
視頻講解:26分鐘
6.1綁定事件和事件處理函式 94
6.1.1實現事件綁定的基本方法 94
6.1.2解除事件綁定 96
6.1.3單次事件綁定 96
6.1.4實時追加事件綁定 97
6.2事件綁定的快捷方法 99
6.3其他快捷方法 100
6.3.1監測滑鼠在目標對象上的
活動 100
6.3.2監測交替單擊 101
6.4.ready()方法 102
6.5手動委派事件 103
6.6事件委託 104
6.6.1實現委託 104
6.6.2解除委託 105
6.7關於事件處理函式和
jQuery Event對象 106
6.7.1使用jQuery Event對象 106
6.7.2自定義jQuery Event對象 108
第7章動畫效果 109
視頻講解:35分鐘
7.1特效全局設定 110
7.2基本特效——隱藏和顯示 110
7.3淡入淡出特效 112
7.4滑動特效 114
7.5自定義特效 115
7.5.1根據CSS設定執行自定義
的動畫效果 115
7.5.2關於CSS 3的過渡效果
屬性 116
7.6動畫佇列管理 119
7.6.1使用.queue()和jQuery.queue()
方法獲取佇列 120
7.6.2使用.dequeue()和jQuery.
dequeue()方法執行佇列的
下一個函式 121
7.6.3延遲動畫佇列執行 122
7.6.4使用.clearQueue()方法清除
佇列 122
7.6.5使用.stop()方法停止佇列 123
7.7關於新的動畫實現方法——
requestAnimationFrame()方法 124
7.7.1基本使用方法 124
7.7.2requestAnimationFrame()方法
對jQuery動畫佇列的影響 126
第8章使用Ajax 127
視頻講解:13分鐘
8.1jQuery實現Ajax請求的基礎
方法 128
8.1.1Ajax處理過程和回調函式
的順序 135
8.1.2了解jqXHR和
XMLHttpRequest 136
8.1.3jqXHR請求的數據類型 138
8.1.4使用JSONP 139
8.1.5便捷的Ajax請求方法 140
8.1.6便捷的全局事件監聽 142
8.2傳送數據到伺服器 143
8.2.1編碼表單 144
8.2.2序列化一個數組或對象 145
8.3全局設定 147
8.3.1設定Ajax全局默認選項 147
8.3.2預處理Ajax請求 147
第9章工具方法 149
視頻講解:54分鐘
9.1核心方法 150
9.1.1jQuery.holdReady()——暫停
或恢復.ready()事件處理函
數的執行 150
9.1.2jQuery.sub()——創建jQuery
副本 150
9.1.3jQuery.error()——拋出異常 151
9.2偵測瀏覽器特性 151
9.2.1jQuery.support——偵測瀏
覽器特性 151
9.2.2jQuery.boxModel——偵測
瀏覽器BOX模型 152
9.2.3jQuery.browser和jQuery.
browser.version——偵測瀏
覽器標識和版本 153
9.3基本操作 153
9.3.1jQuery.now()——當前時間
的時間戳 153
9.3.2jQuery.parseJSON()——解
析JSON字元串 153
9.3.3jQuery.parseXML()——解析
XML字元串 153
9.4數組和對象處理 154
9.4.1jQuery.each()——疊代對象和
數組 154
9.4.2jQuery.extend()——合併
對象 155
9.4.3jQuery.grep()——查找匹配
的數組元素 156
9.4.4jQuery.makeArray()——將
對象轉換為數組 156
9.4.5jQuery.map()——將對象轉
換為數組 157
9.4.6jQuery.merge()——合併數組 158
9.4.7jQuery.noop()——空函式 159
9.4.8jQuery.proxy()——代理 159
9.4.9jQuery.trim()——刪除字元
串起始和結尾的空白 160
9.4.10jQuery.unique()——刪除數
組中的重複元素 160
9.4.11jQuery.inArray()——索引
指定元素 160
9.5類型檢查 160
9.5.1jQuery.isArray() 160
9.5.2jQuery.isEmptyObject() 161
9.5.3jQuery.isFunction() 161
9.5.4jQuery.isPlainObject() 161
9.5.5jQuery.isWindow() 161
9.5.6jQuery.isXMLDoc() 162
9.5.7jQuery.type() 162
9.6其他工具方法 162
9.6.1jQuery.contains()——檢查
元素包含 162
9.6.2jQuery.globalEval()——執行
JavaScript代碼 163
9.7數據處理 163
9.7.1使用.data()和jQuery.data()方
法存儲和獲取數據 163
9.7.2關於HTML 5的data-屬性 164
9.7.3使用.removeData()和jQuery.
removeData()方法移除數據 165
9.7.4jQuery.hasData()——檢查是
否綁定了數據 165
第10章延遲處理——Deferred對象和
Promise 167
視頻講解:23分鐘
10.1註冊回調函式 168
10.2狀態的變化 169
10.2.1改變狀態 170
10.2.2檢測狀態 170
10.3結合jQuery.when()方法使用 171
10.4使用Promise 172
10.4.1執行過濾 174
10.4.2對jQuery對象套用
Promise 174
第2篇jQuery UI和經典外掛程式實戰篇
第11章使用jQuery UI外掛程式(1)——基
本使用方法 179
11.1下載和引用jQuery UI插
件庫 180
11.1.1獨立使用 181
11.1.2集成方式 182
11.1.3自定義集成方式 182
11.2使用jQuery UI外掛程式的基本
方式 183
11.2.1使用選項自定義UI
外掛程式 183
11.2.2為UI外掛程式綁定事件 183
11.2.3調用UI外掛程式的方法 184
11.3互動功能外掛程式 184
11.3.1Resizable外掛程式——調整元
素大小 184
11.3.2Selectable外掛程式——選擇分
組中的元素 186
11.3.3Sortable外掛程式——對元素
就地排序 188
11.3.4Draggable外掛程式和Droppable
外掛程式——實現拖放操作 190
11.3.5HTML 5實現拖放操作 193
11.3.6範例——使用拖放操作實現
購物車 199
11.4動畫效果外掛程式 202
11.4.1增強的.animate()方法 202
11.4.2通過改變類實現過渡
效果 203
11.4.3增強的隱藏和顯示特效 204
11.4.4對可視元素施加特效 205
第12章使用jQuery UI外掛程式(2)——
Widget部件 207
12.1Accordion外掛程式 208
12.1.1同時打開多個內容板 210
12.1.2HTML?5的details和summary
元素實現Accordion 210
12.2AutoComplete外掛程式——自動
完成(自動提示) 211
12.3Button外掛程式——按鈕和按
鈕組 213
12.3.1為按鈕定義圖示 214
12.3.2單選按鈕組 215
12.3.3多選按鈕組 216
12.3.4切換按鈕 217
12.4DatePicker外掛程式——日期選
擇器 217
12.4.1使用區域化功能 218
12.4.2格式化日期 219
12.4.3HTML?5的日期類型
控制項 220
12.5Dialog外掛程式——對話框 221
12.6ProgressBar外掛程式——進度條 222
12.7Slider外掛程式——滑動條 224
12.8Tabs外掛程式——選項卡 226
第13章美化jQuery UI外掛程式 229
13.1使用樣式主題美化jQuery UI
外掛程式 230
13.2自定義CSS美化jQuery UI
外掛程式 231
第14章創建自己的jQuery外掛程式 233
14.1創建自己的外掛程式 234
14.2使用jQuery UI Widget Factory
編寫有狀態的外掛程式 237
14.2.1給外掛程式添加方法 239
14.2.2設定和獲取選項值 240
14.2.3添加回調功能 241
第15章常用的第三方jQuery外掛程式 243
15.1水平Accordion 244
15.2Tree外掛程式 245
15.3NumericStepper外掛程式 247
15.4MenuBar外掛程式(導航
選單) 248
15.5DataGrid外掛程式 251
15.6圖片居中放大顯示外掛程式 253
15.7圖片局部放大外掛程式 255
15.8圖片局部剪下外掛程式 256
15.9圖片滾動新聞、圖片滾
動AD外掛程式 257
15.10調色盤1外掛程式 258
15.11調色盤2外掛程式 259
15.12嚮導外掛程式 260
第3篇使用jQuery Mobile設計網站和開發移動Web套用
第16章使用jQuery Mobile UI插
件(1)——基本使用方法 265
16.1使用jQuery Mobile外掛程式 266
16.1.1第一個jQuery Mobile範例 266
16.1.2怎樣在“內容頁”間導航 269
16.1.3使用超連結 269
16.1.4定義頁面過渡效果 270
16.1.5定義樣式主題(theme) 270
16.1.6創建對話框 271
16.1.7固定頁眉和頁腳 272
16.1.8全螢幕效果 273
16.2導航模型——jQuery Mobile的
核心機制 273
16.2.1頁面導航的基本規則 274
16.2.2自動生成的“內容頁”和
子書籤地址 275
16.2.3注意事項 276
第17章使用jQuery Mobile UI插
件(2)——Widget 277
17.1定義工具按鈕 278
17.1.1定義按鈕 278
17.1.2指定按鈕圖示 279
17.1.3自定義按鈕圖示 279
17.1.4行內級按鈕和塊級按鈕 280
17.1.5按鈕分組 280
17.1.6導航條 280
17.1.7添加返回按鈕 283
17.2定義列表視圖 284
17.2.1有序列表 284
17.2.2嵌套列表 285
17.2.3分割按鈕列表 286
17.2.4列表項分組 287
17.2.5縮略圖和圖示 288
17.2.6對列表進行邊緣修飾 290
17.2.7隻讀列表 290
17.2.8文字格式和計數泡 292
17.2.9過濾列表項 292
17.3內容布局 293
17.3.1格線布局 293
17.3.2可摺疊內容 296
17.4定義jQuery Mobile表單 298
17.4.1表單控制項的布局容器 300
17.4.2切換開關控制項 301
17.4.3滑動條控制項(slider) 301
17.4.4單選按鈕和複選框控制項 302
17.4.5水平開關鍵控制項 303
17.4.6選項選單控制項 304
17.4.7表單提交 308
第18章使用Ajax和程式動態控制
jQuery Mobile 309
18.1jQuery Mobile的自定義事件 310
18.2使用工具方法 312
18.3jQuery Mobile初始化配置 316
18.3.1關於mobileinit事件 317
18.3.2配置選項 317
18.3.3其他全局配置項 319
第4篇jQuery經典網站設計——借鑑與靈感(見光碟)
附錄A準備jQuery Mobile UI外掛程式創
作環境和測試環境 323
視頻講解:20分鐘
A.1使用Mobile Safari測試網頁 324
A.1.1iPhone Simulator的安裝 324
A.1.2使用Mobile Safari 325
A.2使用IEMobile測試網頁 327
A.2.1Windows Phone 7 Emulator
的安裝 327
A.2.2使用IEMobile 328
A.3使用Chrome Lite測試網頁 330
A.3.1Android Emulator的安裝 330
A.3.2使用Chrome Lite 336
A.4使用BlackBerry瀏覽器測試
網頁 338
A.4.1BlackBerry模擬器的安裝 338
A.4.2使用BlackBerry模擬器 339
A.5安裝和設定Web伺服器 341
A.5.1安裝IIS 341
A.5.2了解Web伺服器根目錄 343
附錄B準備Visual Studio和
Aptana Studio 345
B.1使用Visual Studio 346
B.2使用Aptana Studio 348
B.2.1安裝Aptana Studio 348
B.2.2使用和配置Aptana Studio 348
B.2.3使用Aptana Studio編寫
JavaScript 349
B.2.4使用jQuery代碼提示功能 352
附錄C參考文獻以及資料來源 355
參考網址 356
參考圖書 357
參考規範及標準 358