《jQuery開發從入門到精通》是2013年6月第1版出版的圖書,作者是袁江。
基本介紹
- 中文名:jQuery開發從入門到精通
- 作者:袁江
- 字數:1109千字
- 版次:2013年6月第1版
基本信息,編輯推薦,內容提要,本書特色,本書內容,本書讀者,本書約定,關於我們,完整目錄,
基本信息
書名:《jQuery開發從入門到精通》
叢書名:清華社“視頻大講堂”大系網路開發視頻大講堂
出版日期:2013年6月
印次:2013年6月第1次印刷
印刷時間:2013年6月
編輯推薦
“網路開發視頻大講堂”叢書系清華社“視頻大講堂”重點大系之一。該大系包括多個子系列,每個子系列的圖書在其同品種的圖書中銷售名列前茅,其中:
u 4個品種榮獲“全行業優秀暢銷品種”
u 1個品種榮獲2012年清華大學出版社“專業暢銷書”一等獎
u 絕大多數品種在“全國計算機零售圖書排行榜”同品種排行中名列前茅
u 截至目前該大繫纍計銷售超過55萬冊
u 該大系已成為近年來清華社計算機專業基礎類零售圖書最暢銷的品牌之一
“網路開發視頻大講堂”系列作為清華社“視頻大講堂”大系的子系列之一,繼承和創新了清華社“視頻大講堂”大系的編寫模式、寫作風格和優良品質。本書突出了以下內容:
u 327節大型高清同步視頻演示講解,可反覆觀摩,讓學習更為快捷、高效
u 232箇中小典型實例,通過實例學習更深入,更有趣,更有動力
u 7個綜合實戰案例,展現工作過程,積累工作經驗
u 11部網頁開發參考手冊,CSS2.0參考手冊,CSS3.0參考手冊,JavaScript參考手冊 JavaScript核心參考,jQuery1.7中文手冊,jQuery1.3參考手冊,jQuery1.4參考手冊 W3CSchool,w3c標準html5手冊,XHTML參考手冊,XMLHttp中文參考手冊
u 83類實用網頁模版,其中HTML5+CSS3網頁模版32類,DIV+CSS3網頁模版51類。
u 集基礎知識、中小實例、實戰案例、專業經驗於一體
u 好學、好用、高效
內容提要
《jQuery開發從入門到精通》(清華社“視頻大講堂”大系)通過基礎知識+中小實例+綜合案例的方式,講述了jQuery入門,選擇器,過濾器,DOM操作,事件處理,Ajax套用,外掛程式,工具函式,功能擴展,表格開發,jQuery UI互動開發、部件開發、特效開發,jQuery框架透析之函式式基礎、面向對象基礎、實戰實踐。相對jQuery權威指南,本書更能快速高效學習,學jQuery mobile者也可從本書獲取一些基本知識。
本書還對jQuery UI、jQuery外掛程式和實用工具函式等擴展知識,以及jQuery的開發技巧與性能最佳化等方面的重要知識做了詳盡的闡述,以讓讀者輕鬆地使用jQuery來增強網頁的互動性,做出更好的Web前端產品以及各種更炫更酷的效果。
本書顯著特色有:
1.同步視頻講解,讓學習更為直觀高效。327節大型高清同步視頻講解,先看視頻再學習效率更高。
2.海量精彩實例,用實例學更輕鬆快捷。232個精彩實例,模仿練習是最快捷的學習方式。
3.精選實戰案例,為高薪就業牽線搭橋。7個實戰案例展示可為以後就業積累經驗。
4.完整學習套餐,為讀者提供貼心服務。學習參考手冊11部,實用模版83類,素材源程式,讓學習更加方便。
5.講解通俗翔實,看得懂學得會才是硬道理。
本書適合Web開發人員閱讀和參考,同時也適合廣大網頁製作和設計的學生閱讀和學習,也適合中高級用戶進一步學習和參考。
本書特色
q 循序漸進,由淺入深
閱讀本書不需要對jQuery有所了解,甚至對JavaScript也不需要有很深的了解。為了方便讀者學習,本書系統地講解了jQuery技術在網頁設計中各個方面的套用知識,從為什麼要用jQuery開始講解,循序漸進,配合大量實例,幫助讀者奠定堅實的理論基礎,做到知其所以然,以期讀者可以在不參考其他資料的情況下順利過渡到jQuery的學習和使用。
q 大量的案例實戰
書中設定大量套用實例,重點強調具體技術的靈活套用,全書結合了作者長期的網頁設計製作和教學經驗,使讀者真正做到學以致用。讀者可以通過這些實例對jQuery的理論知識有更加深刻的理解,同時,這些實例稍作修改,就可以用在讀者正在開發的項目中,實現各種精彩的效果。
q 技術全面,內容充實
本書是關於jQuery的初級入門讀物,書中詳細介紹了jQuery 1.6.4幾乎所有的特性和屬性,並對每個模組均有很翔實的實例講解,以期讀者對jQuery有個很好的整體把握,同時以後需要用到一些特性時,可以查閱。另外,本書還在開始介紹了Web開發的基礎知識,如Web開發中比較常用的工具等,可以讓讀者從一個完全的門外漢很快變成業內人士。
q 圖文結合,理解深刻
講解技術類的知識,最好的方式就是面對面地講授,但是圖書卻不太容易做到這一點。為了彌補這個缺憾,本書在講解具體實例時,除了大量的注釋、講解之外,還輔以一些簡潔明了的圖片,以期讓讀者對實例以及jQuery效果有更直觀的理解。
q 配有原始碼光碟,加速學習
為了讓初學者快速入門,本書配套光碟中附贈了本書中大部分實例的原始碼,讀者可以參考閱讀。但是,筆者依然強烈建議,在學習本書時應該邊學邊練,即便不能直接寫代碼,最好也要對著書上的代碼手工敲入一遍,以加深印象和對知識本身的理解,在光碟中還有HTML參考手冊、JavaScript參考手冊、CSS參考手冊、jQuery參考手冊等超值內容,在製作網頁時也是很有用的參考。
本書內容
本書分為三大部分,共18章,具體結構劃分如下。
第一部分: jQuery基礎知識部分,包括第1~9章。這部分主要介紹jQuery相關基礎知識,包括jQuery相關概念、使用選擇器、使用過濾器、DOM操作、事件處理、Ajax套用、動畫設計、工具函式、功能擴展。
第二部分:套用開發部分,包括第10~15章。這部分主要介紹表格開發、表單開發、UI開發、UI互動開發、UI部件開發、UI特效開發。
第三部分:核心部分,包括第16~18章。這部分重點講解jQuery核心構成和工作原理,主要包括JavaScript函式式基礎、JavaScript面向對象基礎以及jQuery框架透析。
本書讀者
q 希望系統學習網頁設計、網站製作的初學者。
q 從事網頁設計製作和網站建設的專業人士。
q 既適合初學者,也適合進階者。
q Web前端開發和後台設計人員。
q 可以作為各大中專院校相關專業的教學輔導和參考用書或相關培訓機構的培訓教材。
本書約定
q 本書代碼都以灰色背景顯示,以方便讀者閱讀。考慮到版面限制,部分展示出來的代碼僅包含JavaScript腳本和必要的結構代碼。讀者在學習測試時,應該把這些代碼輸入到網頁。
q 本書以jQuery 1.6.4版本為基礎進行介紹和演示,能夠兼容jQuery 3.0以後的任何版本。
q 在默認情況下,jQuery 1.6.4庫檔案都會自動導入文檔,如果沒有特別說明,我們會在示例中省略該行命令。jQuery 1.6.4存放在jQuery資料夾中。
q 在默認情況下,使用jQuery的別名$來表示jQuery命名空間,同時直接把調用的函式放在$()函式中,該函式實際上是$("document").ready()方法的簡寫,它相當於JavaScript中的window.onload =function·(){}事件處理函式。
q 由於jQuery與JavaScript變數之間存在區別,默認情況下,當定義jQuery對象變數時,在變數的前面附加一個$前綴,以便與JavaScript變數區分。
關於我們
參與本書編寫的人員包括鹹建勛、奚晶、文菁、李靜、鐘世禮、李增輝、甘桂萍、劉燕、楊凡、李愛芝、余樂、孫寶良、余洪萍、譚貞軍、孫愛榮、何子夜、趙美青、牛金鑫、孫玉靜、左超紅、蔣學軍、鄧才兵、袁江、李東博等。
由於作者水平有限,書中疏漏和不足之處在所難免,歡迎讀者不吝賜教。廣大讀者如有好的建議、意見,或在學習本書時遇到疑難問題,可以聯繫我們,我們會儘快為您解答。
完整目錄
第1章 初識jQuery 1
視頻講解:43分鐘
1.1 jQuery概述 1
1.1.1 jQuery能幫我做什麼 1
1.1.2 我需要學習jQuery 2
1.2 使用jQuery 5
1.2.1 下載jQuery 6
1.2.2 安裝jQuery 6
1.2.3 測試jQuery 7
1.3 jQuery框架的優勢 8
1.4 jQuery框架核心功能 9
1.4.1 對外接口單一讓使用更簡單 9
1.4.2 鏈式語法讓編碼更快速、優雅 9
1.4.3 模仿CSS選擇器讓選取元素更精確、靈活 11
1.4.4 擴展接口讓jQuery更開放、富有活力 13
1.5 初學jQuery最容易混淆的幾個概念 14
1.5.1 jQuery對象不等於DOM對象 14
1.5.2 jQuery對象與DOM對象之間的轉換 15
1.5.3 jQuery的ready不等於JavaScript的load 17
1.6 學習資源 19
1.6.1 jQuery開發工具 19
1.6.2 jQuery參考手冊 19
1.6.3 jQuery線上資源 20
第2章 使用選擇器 21
視頻講解:1小時28分鐘
2.1 基本選擇器 21
2.1.1 ID選擇器 21
2.1.2 標籤選擇器 23
2.1.3 類選擇器 24
2.1.4 通配選擇器 25
2.1.5 組選擇器 26
2.2 層級選擇器 27
2.2.1 包含選擇器 28
2.2.2 子選擇器 29
2.2.3 相鄰選擇器 30
2.2.4 兄弟選擇器 31
2.2.5 層級選擇器綜合套用 32
2.2.6 解析層級選擇器實現原理 34
2.3 簡單的偽類選擇器 37
2.3.1 特定位置選擇器 37
2.3.2 指定範圍選擇器 39
2.3.3 排除選擇器 40
2.3.4 特殊選擇器 41
2.3.5 解析簡單偽類選擇器的實現原理 42
2.4 與內容相關的偽類選擇器 42
2.4.1 匹配包含文本選擇器 43
2.4.2 匹配包含元素選擇器 44
2.4.3 包含判斷選擇器 45
2.4.4 解析內容過濾器實現原理 45
2.5 與元素顯示狀態相關的偽類選擇器 46
2.6 匹配子元素的偽類選擇器 47
2.7 與表單對象相關的偽類選擇器 49
2.8 與表單屬性相關的偽類選擇器 53
2.9 屬性選擇器 54
2.10 jQuery選擇器套用最佳化 58
第3章 使用過濾器 61
視頻講解:55分鐘
3.1 過濾 61
3.1.1 類過濾 61
3.1.2 下標過濾 63
3.1.3 表達式過濾 64
3.1.4 判斷 67
3.1.5 映射 67
3.1.6 清洗 69
3.1.7 截取 69
3.2 查找 70
3.2.1 向下查找後代元素 71
3.2.2 向上查找祖先元素 73
3.2.3 向上查找兄弟元素 78
3.2.4 向下查找兄弟元素 80
3.2.5 查找兄弟元素 83
3.2.6 添加查找對象 84
3.3 串聯 84
3.3.1 綁定前後jQuery對象 85
3.3.2 返回前一個jQuery對象 86
第4章 DOM操作 87
視頻講解:2小時10分鐘
4.1 創建節點 88
4.1.1 創建元素 89
4.1.2 輸入文本 90
4.1.3 設定屬性 90
4.2 插入內容 92
4.2.1 內部插入 92
4.2.2 外部插入 96
4.3 刪除內容 98
4.3.1 移出 99
4.3.2 清空 101
4.3.3 分離 101
4.4 克隆內容 103
4.5 替換內容 105
4.6 包裹內容 107
4.6.1 外包 107
4.6.2 內包 108
4.6.3 總包 110
4.6.4 卸包 111
4.7 屬性操作 111
4.7.1 設定屬性 112
4.7.2 訪問屬性 115
4.7.3 刪除屬性 118
4.8 類操作 120
4.8.1 添加類樣式 120
4.8.2 刪除類樣式 121
4.8.3 切換類樣式 122
4.8.4 判斷樣式 124
4.9 讀寫文本和值 124
4.9.1 讀寫HTML 124
4.9.2 讀寫文本 126
4.9.3 讀寫值 127
4.10 樣式表操作 129
4.10.1 讀寫CSS樣式 129
4.10.2 絕對定位 133
4.10.3 相對定位 134
4.10.4 設定大小 136
4.11 訪問文檔樹 137
第5章 事件處理 140
視頻講解:1小時30分鐘
5.1 事件處理模型 140
5.1.1 原始事件模型 140
5.1.2 DOM事件模型 141
5.1.3 IE事件模型 144
5.2 事件處理機制 146
5.2.1 Event對象 147
5.2.2 事件流 148
5.2.3 事件控制 151
5.3 jQuery事件封裝機制 151
5.3.1 註冊事件 152
5.3.2 註銷事件 155
5.4 jQuery事件套用 157
5.4.1 事件觸發 158
5.4.2 事件切換 159
5.4.3 事件委派 163
5.4.4 事件命名空間 165
5.4.5 綁定多個事件 167
5.4.6 自定義事件 168
5.4.7 頁面初始化事件 169
第6章 Ajax套用 172
視頻講解:1小時12分鐘
6.1 XMLHttpRequest基礎 172
6.1.1 XMLHttpRequest對象 172
6.1.2 實例化XMLHttpRequest 173
6.1.3 建立連線 174
6.1.4 請求和回響 175
6.2 jQuey Ajax 177
6.2.1 設計一個簡單的示例 178
6.2.2 GET請求 179
6.2.3 POST請求 182
6.2.4 ajax()方法請求 184
6.2.5 回響狀態 186
6.2.6 回響信息 188
6.2.7 載入網頁檔案 190
6.2.8 預設參數項 192
6.2.9 預處理字元串 193
第7章 動畫設計 196
視頻講解:1小時23分鐘
7.1 CSS動畫設計基礎 196
7.2 顯隱動畫 198
7.2.1 簡單的顯示和隱藏 199
7.2.2 控制顯示速度 200
7.2.3 顯隱切換 201
7.2.4 摺疊動畫 202
7.2.5 樹形動畫 204
7.2.6 選項卡動畫 207
7.3 滑動動畫 208
7.3.1 顯隱滑動效果 209
7.3.2 顯隱切換滑動 210
7.4 漸變效果 212
7.4.1 淡入和淡出 212
7.4.2 設定淡出透明效果 214
7.4.3 漸變切換 215
7.5 複雜動畫 216
7.5.1 模擬show()方法的效果 217
7.5.2 自定義動畫 218
7.5.3 動態定位 221
7.5.4 停止動畫 222
7.5.5 關閉動畫 223
7.5.6 設定動畫頻率 224
7.5.7 延遲動畫 225
7.6 動畫佇列 225
7.6.1 添加動畫佇列 225
7.6.2 顯示動畫佇列 227
7.6.3 更新動畫佇列 227
7.6.4 刪除動畫佇列 229
第8章 工具函式 230
視頻講解:1小時21分鐘
8.1 jQuery標誌 230
8.1.1 檢測用戶代理 230
8.1.2 檢測版本號 233
8.1.3 檢測盒模型 234
8.1.4 檢測功能或缺陷 234
8.2 兼容JavaScript庫 235
8.3 對象和集合操作 238
8.3.1 處理字元串 238
8.3.2 把對象轉換為字元串 239
8.3.3 判斷數組類型 240
8.3.4 判斷函式類型 241
8.3.5 判斷特殊對象 242
8.3.6 對數組和集合進行疊代 243
8.3.7 生成數組 245
8.3.8 對數組進行篩選 246
8.3.9 對數組進行轉換 247
8.3.10 把多個數組合併在一起 249
8.3.11 刪除數組中重複元素 251
8.3.12 在數組中查找指定值 252
8.4 快取 252
8.4.1 定義快取 253
8.4.2 讀取快取 255
8.4.3 刪除快取 256
第9章 功能擴展 259
視頻講解:1小時32分鐘
9.1 自定義外掛程式 259
9.1.1 jQuery外掛程式形式 259
9.1.2 自定義jQuery外掛程式基本規則 260
9.1.3 使用extend()函式 261
9.1.4 自定義jQuery函式 265
9.1.5 自定義jQuery命令 267
9.1.6 自定義選擇器 271
9.2 封裝和最佳化外掛程式 275
9.2.1 封裝外掛程式 275
9.2.2 最佳化外掛程式 277
9.3 案例實戰:製作jQuery文字提示外掛程式 283
9.3.1 功能講解 283
9.3.2 構建結構 283
9.3.3 設計思路 284
9.3.4 難點突破 286
9.3.5 代碼實現 287
9.3.6 套用外掛程式 290
第10章 表格開發 291
視頻講解:1小時10分鐘
10.1 數據排序 291
10.1.1 構建符合數據排序的表格結構 291
10.1.2 JavaScript的基本排序方法 293
10.1.3 實現表格基本排序 296
10.1.4 最佳化排序性能 298
10.1.5 設計其他類型排序 299
10.1.6 完善排序互動的視覺效果 301
10.2 數據分頁 303
10.2.1 伺服器端分頁 303
10.2.2 JavaScript實現分頁 307
10.3 數據過濾 310
10.3.1 快速過濾數據 310
10.3.2 處理多關鍵字匹配 311
10.3.3 處理特定列過濾 311
10.3.4 合成數據過濾器 312
10.4 數據編輯 314
10.4.1 快速編輯數據 314
10.4.2 完善數據編輯功能 315
第11章 表單開發 318
視頻講解:2小時9分鐘
11.1 設計可用性表單 318
11.1.1 設計表單結構 318
11.1.2 設計表單圖示 320
11.1.3 設計提示信息 321
11.1.4 設計條件欄位 322
11.2 表單驗證 324
11.2.1 驗證服務概述 324
11.2.2 認識正則表達式 325
11.2.3 字元匹配 327
11.2.4 重複匹配 331
11.2.5 高級匹配 335
11.2.6 匹配操作 342
11.2.7 聯繫表單驗證 347
11.3 增強型表單 350
11.3.1 自適應多行文本框 350
11.3.2 註冊碼文本框 352
11.3.3 掩碼輸入文本框 357
第12章 jQuery UI開發概述 362
視頻講解:49分鐘
12.1 jQuery UI開發 362
12.1.1 設計思想 362
12.1.2 設計體驗 366
12.2 使用jQuery UI庫 372
12.2.1 認識jQuery外掛程式庫 373
12.2.2 使用外部外掛程式 373
12.2.3 認識UI外掛程式 376
12.2.4 建立開發環境 377
12.2.5 jQuery UI庫結構 377
12.2.6 主題定製器 378
12.2.7 如何使用jQuery UI組件 379
12.2.8 組件類別 379
12.2.9 瀏覽器支持 380
第13章 jQuery UI互動開發 381
視頻講解:40分鐘
13.1 拖放 381
13.1.1 拖動對象 382
13.1.2 投放對象 388
13.2 縮放 392
13.3 選擇 396
13.4 排序 400
第14章 jQuery UI部件開發 405
視頻講解:51分鐘
14.1 選項卡 405
14.2 手風琴 410
14.3 對話框 415
14.4 滑動條 420
14.5 日期選擇器 425
第15章 jQuery UI特效開發 431
視頻講解:49分鐘
15.1 特效核心 432
15.2 高亮 434
15.3 彈跳 436
15.4 搖晃 439
15.5 轉換 440
15.6 縮放 441
15.7 爆炸 442
15.8 抖動 444
15.9 落體 445
15.10 滑動 447
15.11 剪輯 448
15.12 百葉窗 449
15.13 摺疊 450
第16章 jQuery框架透析之函式式基礎 452
視頻講解:2小時40分鐘
16.1 定義函式 453
16.1.1 構造函式 453
16.1.2 函式直接量 455
16.1.3 選擇恰當的方法 456
16.2 使用函式 458
16.2.1 函式調用 458
16.2.2 生命周期 459
16.2.3 形參和實參 460
16.2.4 參數對象Arguments 461
16.2.5 回調函式callee 463
16.2.6 返回值 463
16.3 函式對象 464
16.4 動態指針 466
16.4.1 認識this 466
16.4.2 this對象 468
16.4.3 this套用 471
16.4.4 this陷阱 474
16.5 動態調用 478
16.6 函式作用域 481
16.6.1 詞法作用域與執行作用域 482
16.6.2 作用域鏈 484
16.6.3 調用對象 485
16.7 閉包函式 486
16.7.1 認識閉包 487
16.7.2 閉包基本特性 488
16.7.3 閉包基本用法 489
16.7.4 閉包標識系統 491
16.7.5 閉包函式作用域 492
16.7.6 閉包函式生存周期 494
16.7.7 比較函式和閉包 495
16.7.8 閉包函式與函式實例 496
16.7.9 閉包函式和調用對象 499
16.7.10 閉包獨立性 501
16.7.11 構造函式閉包 502
16.7.12 套用閉包函式 503
16.7.13 閉包副作用 507
第17章 jQuery框架透析之面向對象基礎 510
視頻講解:4小時44分鐘
17.1 定義對象 510
17.1.1 認識對象 511
17.1.2 定義對象 512
17.2 使用對象 513
17.2.1 引用對象 513
17.2.2 銷毀對象 514
17.2.3 定義對象屬性 514
17.2.4 訪問對象屬性 515
17.2.5 操作對象屬性 515
17.2.6 操作對象方法 516
17.3 對象作用域 517
17.3.1 公共作用域 517
17.3.2 私有作用域 518
17.3.3 靜態作用域 518
17.3.4 對象指針this 518
17.4 對象類型 519
17.4.1 構造對象 519
17.4.2 實例對象 521
17.4.3 原型對象 521
17.4.4 構造器constructor 524
17.5 核心方法 525
17.5.1 toString()方法 526
17.5.2 valueOf()方法 527
17.5.3 hasOwnProperty()方法 528
17.5.4 propertyIsEnumerable()方法 528
17.5.5 isPrototypeOf()方法 530
17.6 核心對象 530
17.6.1 對象系統 531
17.6.2 Global對象 531
17.6.3 Math對象 532
17.6.4 Date對象 534
17.7 類型 535
17.7.1 認識類 535
17.7.2 定義類 536
17.8 接口 541
17.8.1 認識接口 541
17.8.2 定義接口 542
17.9 原型 546
17.9.1 認識prototype 546
17.9.2 原型特性 548
17.9.3 原型操作 550
17.9.4 定義靜態原型 554
17.9.5 原型域和原型域鏈 554
17.10 繼承 556
17.10.1 原型繼承 556
17.10.2 類繼承(上) 557
17.10.3 類繼承(下) 561
17.10.4 實例繼承 563
17.10.5 複製繼承 564
17.10.6 克隆繼承 565
17.10.7 混合繼承 565
17.10.8 多重繼承 566
17.11 封裝 570
17.11.1 被動封裝 570
17.11.2 主動封裝 571
17.11.3 靜態方法 573
17.12 重載和多態 575
17.12.1 重載 575
17.12.2 覆蓋 575
17.12.3 多態 576
17.13 構造和析構 577
17.13.1 構造 577
17.13.2 析構 579
17.14 擴展 580
17.14.1 超類和子類 580
17.14.2 元類 581
第18章 jQuery框架透析之實戰 583
視頻講解:1小時52分鐘
18.1 設計思路 583
18.2 設計框架 584
18.2.1 定義構造函式 585
18.2.2 返回jQuery對象 586
18.2.3 設計作用域 587
18.2.4 跨域訪問 588
18.2.5 設計選擇器 589
18.2.6 設計疊代器 590
18.2.7 設計擴展接口 592
18.2.8 解決參數傳遞問題 594
18.2.9 設計名字空間 595
18.3 構建jQuery對象 596
18.4 構建jQuery DOM元素 599
18.4.1 生成DOM元素 599
18.4.2 間接引用DOM節點 602
18.4.3 採用CSS方式查找DOM節點 604
18.5 類數組 607
18.5.1 構建類數組 607
18.5.2 操作類數組 608
18.6 Sizzle引擎 612
18.6.1 設計思路 612
18.6.2 設計框架 614