作者根據(jù)自己多年的前后端開發(fā)經(jīng)驗,站在完全零基礎(chǔ)讀者的角度,基于jQuery 1.12.x版本,詳盡介紹了jQuery的基礎(chǔ)知識及開發(fā)技巧。
《從0到1 jQuery快速上手》分為14章,前10章主要介紹jQuery的基本技術(shù),包括常用選擇器、DOM操作、事件操作、jQuery動畫、過濾方法、查找方法等;后4章主要介紹jQuery的進階技巧,包括工具函數(shù)、開發(fā)插件、Ajax操作以及高級技巧。
此外,本書不但配備了所有案例的源代碼,作者還結(jié)合實際工作和前端面試的經(jīng)驗,精選了很多高質(zhì)量的練習題。為了方便高校老師教學,本書還提供了配套的PPT課件。本書適合作為前端開發(fā)人員的參考書,也可以作為大中專院校相關(guān)專業(yè)的教學參考書。
眾多前端工程師、高校老師、學生一致推薦,源自閱讀量破600萬的人氣教程。
適合零基礎(chǔ)初學者,1小時快速上手,3天輕松入門;
通俗易懂,風趣幽默,jQuery還可以這么好玩;
每一章都有大量練習,讓你更快達到實戰(zhàn)水平;
配套網(wǎng)站+配套練習+課件PPT+源碼素材+作者答疑。
莫振杰,畢業(yè)于暨南大學信科院計算機科學與技術(shù)專業(yè),從事前后端開發(fā)4年多,開發(fā)過綠葉學習網(wǎng)、廣州智能工程研究會網(wǎng)站、大量在線應用工具及其他各種類型網(wǎng)站,著有多本編程書且銷量過萬, 現(xiàn)為綠葉學習網(wǎng)的站長,該網(wǎng)站用于分享其在前后端開發(fā)中的一些經(jīng)驗,其制作的前后端開發(fā)在線教程在互聯(lián)網(wǎng)引起廣泛關(guān)注,每一個教程都廣受網(wǎng)友稱贊與推崇,今年還開發(fā)了系列前端線上付費課程。
第 1 章 jQuery 1
1.1 jQuery 簡介 1
1.1.1 從“JavaScript”到“JavaScript 庫” 1
1.1.2 關(guān)于jQuery 2
1.2 教程介紹 3
1.3 jQuery 下載與安裝 3
1.3.1 下載jQuery 3
1.3.2 安裝jQuery 4
1.4 本章練習 4
第 2 章 基礎(chǔ)選擇器 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 “內(nèi)容”偽類選擇器 31
3.6 “表單”偽類選擇器 35
3.7 “表單屬性”偽類選擇器 37
3.8 其他偽類選擇器 38
3.9 本章練習 39
第4 章 DOM 基礎(chǔ) 41
4.1 DOM 簡介 41
4.1.1 DOM 對象 41
4.1.2 DOM 結(jié)構(gòu) 41
4.2 創(chuàng)建元素 43
4.3 插入節(jié)點 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 內(nèi)容操作 94
5.3.1 html() 94
5.3.2 text() 96
5.3.3 val() 97
5.4 本章練習 99
第6 章 事件基礎(chǔ) 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 為“已經(jīng)存在的元素”綁定事件 129
7.1.2 為“動態(tài)創(chuàng)建的元素”綁定事件 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 回調(diào)函數(shù) 166
8.6 隊列動畫 168
8.7 停止動畫 171
8.8 延遲動畫 174
8.9 判斷動畫狀態(tài) 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 章 工具函數(shù) 211
11.1 工具函數(shù)簡介 211
11.2 字符串操作 211
11.3 URL 操作 212
11.4 數(shù)組操作 213
11.4.1 判斷元素:$.inArray() 214
11.4.2 合并數(shù)組:$.merge() 215
11.4.3 轉(zhuǎn)換數(shù)組:$.makeArray() 215
11.4.4 過濾數(shù)組:$.grep() 217
11.4.5 遍歷數(shù)組:$.each() 219
11.5 對象操作 221
11.6 檢測操作 222
11.7 自定義工具函數(shù) 227
11.8 本章練習 228
第 12 章 開發(fā)插件 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 函數(shù)類插件 242
12.4 本章練習 244
第 13 章 Ajax 操作 245
13.1 搭建服務器環(huán)境 245
13.2 Ajax 簡介 247
13.3 load() 方法 248
13.3.1 load() 方法簡介 248
13.3.2 傳遞數(shù)據(jù) 252
13.3.3 回調(diào)函數(shù) 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 鏈式調(diào)用 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