《從0到1:jQuery快速上手》是2020年4月人民郵電出版社出版的圖書,作者是莫振傑。
基本介紹
- 中文名:從0到1:jQuery快速上手
- 作者:莫振傑
- ISBN:9787115526335
- 頁數:281頁
- 定價:49.8元
- 出版社:人民郵電出版社
- 出版時間:2020年4月
- 裝幀:平裝
- 開本:16開
內容簡介,圖書目錄,
內容簡介
作者根據自己多年的前後端承擔笑坑開發經驗,站在完全零基礎讀者的角度,基於jQuery 1.12.x版本,詳盡介紹了jQuery的基礎知識及開發技巧。
《從0到1 jQuery快速上手》分為14章,前10章主要介紹jQuery的基本技術,包括常用選擇器、DOM操作、事件操作、jQuery動畫、過濾方法、查找方法等;後4章主要介紹jQuery的進階技巧,包括工具函式、開發外掛程式、Ajax操作以及高級技巧。
此外,本書不但配備了所有案例的原始碼,作者還結合實際工作和前端面試的經驗,精選了很多高質量的練習題。為了方便高校老師教學,本書還提供了配套的PPT課件。本書適合作為前端開發人員的參考書,也可以作為大中專院校相關專業的教學參考書。
圖書目錄
第 1 章 jQuery 1
1.1 jQuery 簡介 1
1.1.1 從“JavaScript”講希戰到“JavaScript 庫” 1
1.1.2 關於jQuery 2
1.2 教程介紹 3
1.3 jQuery 下載與安裝 3
1.3.1 下載jQuery 漿櫃3
1.3.2 安裝jQuery 4
1.4 本章練習 4
第 2 章 基礎選擇器 5
2.1 jQuery 選擇器簡介 5
2.2 基本選擇器 6
2.2.1 元素選擇器 6
2.2.2 id 選擇器 7
2.2.3 class 選擇器 8
2.2.4 群組選擇器 9
2.3 層次選擇器 11
2.3.1 後代選擇器 11
2.3.2 子代選擇器 愉灶拜12
2.3.3 兄弟選擇器 14
2.3.4 相鄰選擇器 15
2.4 屬性選擇器 17
2.5 本章練習 19
第3 章 偽類選擇器 21
3.1 偽類選擇器簡介 21
3.2 “位置”偽類選擇器 21
3.3 “子元素”偽類選擇器 25
3.3.1 :first-child、:last-child、:nth- child(n)、:only-child 25
3.3.2 :first-of-type、:last-of-type、:nthof-
type(n)、:only-of-type 28
3.4 “可見性”偽類選照姜拜擇器 29
3.5 “內容”偽類選擇器 31
3.6 “表單”偽類選擇器 35
3.7 “表單屬性”偽類選擇器 37
3.8 其他偽類選擇器 38
3.9 本章練習 39
第4 章 DOM 基礎 41
4.1 DOM 簡介 41
4.1.1 DOM 對象 41
4.1.2 DOM 結構 41
4.2 創建元素 43
4.3 插入節點 45
4.3.1 prepend() 和prependTo() 45
4.3.2 append() 和appendTo() 48
4.3.3 before() 和insertBefore() 50
4.3.4 after() 和insertAfter() 52
4.4 刪除元素 54
4.4.1 remove() 55
4.4.2 detach() 58
4.4.3 empty() 59
4.5 複製元素 60
4.6 替換元素 62
4.6.1 replaceWith() 62
4.6.2 replaceAll() 63
4.7 包裹元素 64
4.7.1 wrap() 64
4.7.2 wrapAll() 65
4.7.3 wrapInner() 66
4.8 遍曆元素 67
4.9 本章練習 71
第5 章 DOM 進階 73
5.1 屬性操作 73
5.1.1 獲取屬性 73
5.1.2 設定屬性 74
5.1.3 刪除屬性 77
5.1.4 prop() 方法 78
5.2 樣式操作 80
5.2.1 CSS 屬性操作 80
5.2.2 CSS 類名操作 83
5.2.3 個別樣式操作 87
5.3 內容操作 94
5.3.1 html() 94
5.3.2 text() 96
5.3.3 val() 97
5.4 本章練習 99
第6 章 事件基礎 101
6.1 事件簡介 101
6.2 頁面事件 102
6.2.1 JavaScript 的onload 事件 102
6.2.2 jQuery 的ready 事件 103
6.2.3 ready 事件的4 種寫法 104
6.2.4 墊跨采深入了解jQuery 的ready 事件 105
6.3 滑鼠事件 107
6.3.1 滑鼠單擊 107
6.3.2 滑鼠(指針)移入和滑鼠(指針)移出 109
6.3.3 員婆端提滑鼠按下和滑鼠鬆開 111
6.4 鍵盤事件 112
6.5 表單事件 115
6.5.1 focus 和blur 115
6.5.2 select 117
6.5.3 change 119
6.6 編輯事件 122
6.7 滾動事件 123
6.8 本章練習 127
第7 章 事件進階 129
7.1 綁定事件 129
7.1.1 為“已經存在的元素”綁定事件 129
7.1.2 為“動態創建的元素”綁定事件 130
7.2 解綁事件 131
7.3 合成事件 134
7.4 一次事件 136
7.5 自定義事件 137
7.6 event 對象 139
7.6.1 event.type 140
7.6.2 event.target 141
7.6.3 event.which 142
7.6.4 event.pageX 和event.pageY 143
7.6.5 keyCode 143
7.7 this 146
7.8 本章練習 148
第8 章 jQuery 動畫 149
8.1 jQuery 動畫簡介 149
8.2 顯示與隱藏 150
8.2.1 show() 和hide() 150
8.2.2 toggle() 153
8.3 淡入與淡出 154
8.3.1 fadeIn() 和fadeOut() 154
8.3.2 fadeToggle() 156
8.3.3 fadeTo() 157
8.4 滑上與滑下 158
8.4.1 slideUp() 和slideDown() 159
8.4.2 slideToggle() 160
8.5 自定義動畫 162
8.5.1 簡單動畫 162
8.5.2 累積動畫 165
8.5.3 回調函式 166
8.6 佇列動畫 168
8.7 停止動畫 171
8.8 延遲動畫 174
8.9 判斷動畫狀態 175
8.10 深入了解jQuery 動畫 177
8.11 本章練習 178
第9 章 過濾方法 179
9.1 jQuery 過濾方法簡介 179
9.2 類名過濾:hasClass() 179
9.3 下標過濾:eq() 181
9.4 判斷過濾:is() 182
9.5 反向過濾:not() 184
9.6 表達式過濾:filter()、has() 186
9.6.1 filter() 187
9.6.2 has() 189
9.7 本章練習 190
第 10 章 查找方法 191
10.1 jQuery 查找方法簡介 191
10.2 查找祖先元素 191
10.2.1 parent() 191
10.2.2 parents() 194
10.2.3 parentsUntil() 196
10.3 查找後代元素 197
10.3.1 children() 197
10.3.2 find() 198
10.3.3 contents() 200
10.4 向前查找兄弟元素 200
10.4.1 prev() 200
10.4.2 prevAll() 201
10.4.3 prevUntil() 202
10.5 向後查找兄弟元素 203
10.5.1 next() 204
10.5.2 nextAll() 205
10.5.3 nextUntil() 206
10.6 查找所有兄弟元素 207
10.7 本章練習 209
第 11 章 工具函式 211
11.1 工具函式簡介 211
11.2 字元串操作 211
11.3 URL 操作 212
11.4 數組操作 213
11.4.1 判斷元素:$.inArray() 214
11.4.2 合併數組:$.merge() 215
11.4.3 轉換數組:$.makeArray() 215
11.4.4 過濾數組:$.grep() 217
11.4.5 遍歷數組:$.each() 219
11.5 對象操作 221
11.6 檢測操作 222
11.7 自定義工具函式 227
11.8 本章練習 228
第 12 章 開發外掛程式 230
12.1 jQuery 外掛程式簡介 230
12.2 jQuery 常用外掛程式 231
12.2.1 文本溢出:dotdotdot.js 231
12.2.2 延遲載入:lazyload.js 232
12.2.3 複製貼上:zclip.js 235
12.2.4 表單驗證:validate.js 236
12.3 jQuery 外掛程式 238
12.3.1 方法類外掛程式 238
12.3.2 函式類外掛程式 242
12.4 本章練習 244
第 13 章 Ajax 操作 245
13.1 搭建伺服器環境 245
13.2 Ajax 簡介 247
13.3 load() 方法 248
13.3.1 load() 方法簡介 248
13.3.2 傳遞數據 252
13.3.3 回調函式 253
13.4 $.get() 方法 254
13.5 $.post() 方法 256
13.6 $.getJSON() 方法 259
13.7 $.getScript() 方法 261
13.8 $.ajax() 方法 264
13.9 本章練習 267
第 14 章 高級技巧 268
14.1 index() 方法 268
14.2 鏈式調用 271
14.3 jQuery 對象與DOM 對象 273
14.4 解決庫衝突 276
14.5 jQuery CDN 279
14.5.1 CDN 簡介 279
14.5.2 jQuery CDN 280
14.6 本章練習 281
附錄A DOM 操作方法 282
附錄B 常見的事件 284
附錄C 常見的動畫 285
附錄D 過濾方法 286
附錄E 查找方法 287
4.3.3 before() 和insertBefore() 50
4.3.4 after() 和insertAfter() 52
4.4 刪除元素 54
4.4.1 remove() 55
4.4.2 detach() 58
4.4.3 empty() 59
4.5 複製元素 60
4.6 替換元素 62
4.6.1 replaceWith() 62
4.6.2 replaceAll() 63
4.7 包裹元素 64
4.7.1 wrap() 64
4.7.2 wrapAll() 65
4.7.3 wrapInner() 66
4.8 遍曆元素 67
4.9 本章練習 71
第5 章 DOM 進階 73
5.1 屬性操作 73
5.1.1 獲取屬性 73
5.1.2 設定屬性 74
5.1.3 刪除屬性 77
5.1.4 prop() 方法 78
5.2 樣式操作 80
5.2.1 CSS 屬性操作 80
5.2.2 CSS 類名操作 83
5.2.3 個別樣式操作 87
5.3 內容操作 94
5.3.1 html() 94
5.3.2 text() 96
5.3.3 val() 97
5.4 本章練習 99
第6 章 事件基礎 101
6.1 事件簡介 101
6.2 頁面事件 102
6.2.1 JavaScript 的onload 事件 102
6.2.2 jQuery 的ready 事件 103
6.2.3 ready 事件的4 種寫法 104
6.2.4 深入了解jQuery 的ready 事件 105
6.3 滑鼠事件 107
6.3.1 滑鼠單擊 107
6.3.2 滑鼠(指針)移入和滑鼠(指針)移出 109
6.3.3 滑鼠按下和滑鼠鬆開 111
6.4 鍵盤事件 112
6.5 表單事件 115
6.5.1 focus 和blur 115
6.5.2 select 117
6.5.3 change 119
6.6 編輯事件 122
6.7 滾動事件 123
6.8 本章練習 127
第7 章 事件進階 129
7.1 綁定事件 129
7.1.1 為“已經存在的元素”綁定事件 129
7.1.2 為“動態創建的元素”綁定事件 130
7.2 解綁事件 131
7.3 合成事件 134
7.4 一次事件 136
7.5 自定義事件 137
7.6 event 對象 139
7.6.1 event.type 140
7.6.2 event.target 141
7.6.3 event.which 142
7.6.4 event.pageX 和event.pageY 143
7.6.5 keyCode 143
7.7 this 146
7.8 本章練習 148
第8 章 jQuery 動畫 149
8.1 jQuery 動畫簡介 149
8.2 顯示與隱藏 150
8.2.1 show() 和hide() 150
8.2.2 toggle() 153
8.3 淡入與淡出 154
8.3.1 fadeIn() 和fadeOut() 154
8.3.2 fadeToggle() 156
8.3.3 fadeTo() 157
8.4 滑上與滑下 158
8.4.1 slideUp() 和slideDown() 159
8.4.2 slideToggle() 160
8.5 自定義動畫 162
8.5.1 簡單動畫 162
8.5.2 累積動畫 165
8.5.3 回調函式 166
8.6 佇列動畫 168
8.7 停止動畫 171
8.8 延遲動畫 174
8.9 判斷動畫狀態 175
8.10 深入了解jQuery 動畫 177
8.11 本章練習 178
第9 章 過濾方法 179
9.1 jQuery 過濾方法簡介 179
9.2 類名過濾:hasClass() 179
9.3 下標過濾:eq() 181
9.4 判斷過濾:is() 182
9.5 反向過濾:not() 184
9.6 表達式過濾:filter()、has() 186
9.6.1 filter() 187
9.6.2 has() 189
9.7 本章練習 190
第 10 章 查找方法 191
10.1 jQuery 查找方法簡介 191
10.2 查找祖先元素 191
10.2.1 parent() 191
10.2.2 parents() 194
10.2.3 parentsUntil() 196
10.3 查找後代元素 197
10.3.1 children() 197
10.3.2 find() 198
10.3.3 contents() 200
10.4 向前查找兄弟元素 200
10.4.1 prev() 200
10.4.2 prevAll() 201
10.4.3 prevUntil() 202
10.5 向後查找兄弟元素 203
10.5.1 next() 204
10.5.2 nextAll() 205
10.5.3 nextUntil() 206
10.6 查找所有兄弟元素 207
10.7 本章練習 209
第 11 章 工具函式 211
11.1 工具函式簡介 211
11.2 字元串操作 211
11.3 URL 操作 212
11.4 數組操作 213
11.4.1 判斷元素:$.inArray() 214
11.4.2 合併數組:$.merge() 215
11.4.3 轉換數組:$.makeArray() 215
11.4.4 過濾數組:$.grep() 217
11.4.5 遍歷數組:$.each() 219
11.5 對象操作 221
11.6 檢測操作 222
11.7 自定義工具函式 227
11.8 本章練習 228
第 12 章 開發外掛程式 230
12.1 jQuery 外掛程式簡介 230
12.2 jQuery 常用外掛程式 231
12.2.1 文本溢出:dotdotdot.js 231
12.2.2 延遲載入:lazyload.js 232
12.2.3 複製貼上:zclip.js 235
12.2.4 表單驗證:validate.js 236
12.3 jQuery 外掛程式 238
12.3.1 方法類外掛程式 238
12.3.2 函式類外掛程式 242
12.4 本章練習 244
第 13 章 Ajax 操作 245
13.1 搭建伺服器環境 245
13.2 Ajax 簡介 247
13.3 load() 方法 248
13.3.1 load() 方法簡介 248
13.3.2 傳遞數據 252
13.3.3 回調函式 253
13.4 $.get() 方法 254
13.5 $.post() 方法 256
13.6 $.getJSON() 方法 259
13.7 $.getScript() 方法 261
13.8 $.ajax() 方法 264
13.9 本章練習 267
第 14 章 高級技巧 268
14.1 index() 方法 268
14.2 鏈式調用 271
14.3 jQuery 對象與DOM 對象 273
14.4 解決庫衝突 276
14.5 jQuery CDN 279
14.5.1 CDN 簡介 279
14.5.2 jQuery CDN 280
14.6 本章練習 281
附錄A DOM 操作方法 282
附錄B 常見的事件 284
附錄C 常見的動畫 285
附錄D 過濾方法 286
附錄E 查找方法 287