作者根據(jù)自己多年的前后端開發(fā)經(jīng)驗(yàn),站在完全零基礎(chǔ)讀者的角度,基于jQuery 1.12.x版本,詳盡介紹了jQuery的基礎(chǔ)知識(shí)及開發(fā)技巧。
《從0到1 jQuery快速上手》分為14章,前10章主要介紹jQuery的基本技術(shù),包括常用選擇器、DOM操作、事件操作、jQuery動(dòng)畫、過(guò)濾方法、查找方法等;后4章主要介紹jQuery的進(jìn)階技巧,包括工具函數(shù)、開發(fā)插件、Ajax操作以及高級(jí)技巧。
此外,本書不但配備了所有案例的源代碼,作者還結(jié)合實(shí)際工作和前端面試的經(jīng)驗(yàn),精選了很多高質(zhì)量的練習(xí)題。為了方便高校老師教學(xué),本書還提供了配套的PPT課件。本書適合作為前端開發(fā)人員的參考書,也可以作為大中專院校相關(guān)專業(yè)的教學(xué)參考書。
眾多前端工程師、高校老師、學(xué)生一致推薦,源自閱讀量破600萬(wàn)的人氣教程。
適合零基礎(chǔ)初學(xué)者,1小時(shí)快速上手,3天輕松入門;
通俗易懂,風(fēng)趣幽默,jQuery還可以這么好玩;
每一章都有大量練習(xí),讓你更快達(dá)到實(shí)戰(zhàn)水平;
配套網(wǎng)站+配套練習(xí)+課件PPT+源碼素材+作者答疑。
莫振杰,畢業(yè)于暨南大學(xué)信科院計(jì)算機(jī)科學(xué)與技術(shù)專業(yè),從事前后端開發(fā)4年多,開發(fā)過(guò)綠葉學(xué)習(xí)網(wǎng)、廣州智能工程研究會(huì)網(wǎng)站、大量在線應(yīng)用工具及其他各種類型網(wǎng)站,著有多本編程書且銷量過(guò)萬(wàn), 現(xiàn)為綠葉學(xué)習(xí)網(wǎng)的站長(zhǎng),該網(wǎng)站用于分享其在前后端開發(fā)中的一些經(jīng)驗(yàn),其制作的前后端開發(fā)在線教程在互聯(lián)網(wǎng)引起廣泛關(guān)注,每一個(gè)教程都廣受網(wǎng)友稱贊與推崇,今年還開發(fā)了系列前端線上付費(fèi)課程。
第 1 章 jQuery 1
1.1 jQuery 簡(jiǎn)介 1
1.1.1 從“JavaScript”到“JavaScript 庫(kù)” 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 本章練習(xí) 4
第 2 章 基礎(chǔ)選擇器 5
2.1 jQuery 選擇器簡(jiǎn)介 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 本章練習(xí) 19
第3 章 偽類選擇器 21
3.1 偽類選擇器簡(jiǎn)介 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 本章練習(xí) 39
第4 章 DOM 基礎(chǔ) 41
4.1 DOM 簡(jiǎn)介 41
4.1.1 DOM 對(duì)象 41
4.1.2 DOM 結(jié)構(gòu) 41
4.2 創(chuàng)建元素 43
4.3 插入節(jié)點(diǎn) 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 復(fù)制元素 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 本章練習(xí) 71
第5 章 DOM 進(jìn)階 73
5.1 屬性操作 73
5.1.1 獲取屬性 73
5.1.2 設(shè)置屬性 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 個(gè)別樣式操作 87
5.3 內(nèi)容操作 94
5.3.1 html() 94
5.3.2 text() 96
5.3.3 val() 97
5.4 本章練習(xí) 99
第6 章 事件基礎(chǔ) 101
6.1 事件簡(jiǎn)介 101
6.2 頁(yè)面事件 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 鼠標(biāo)事件 107
6.3.1 鼠標(biāo)單擊 107
6.3.2 鼠標(biāo)(指針)移入和鼠標(biāo)(指針)移出 109
6.3.3 鼠標(biāo)按下和鼠標(biāo)松開 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 滾動(dòng)事件 123
6.8 本章練習(xí) 127
第7 章 事件進(jìn)階 129
7.1 綁定事件 129
7.1.1 為“已經(jīng)存在的元素”綁定事件 129
7.1.2 為“動(dòng)態(tài)創(chuàng)建的元素”綁定事件 130
7.2 解綁事件 131
7.3 合成事件 134
7.4 一次事件 136
7.5 自定義事件 137
7.6 event 對(duì)象 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 本章練習(xí) 148
第8 章 jQuery 動(dòng)畫 149
8.1 jQuery 動(dòng)畫簡(jiǎn)介 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 自定義動(dòng)畫 162
8.5.1 簡(jiǎn)單動(dòng)畫 162
8.5.2 累積動(dòng)畫 165
8.5.3 回調(diào)函數(shù) 166
8.6 隊(duì)列動(dòng)畫 168
8.7 停止動(dòng)畫 171
8.8 延遲動(dòng)畫 174
8.9 判斷動(dòng)畫狀態(tài) 175
8.10 深入了解jQuery 動(dòng)畫 177
8.11 本章練習(xí) 178
第9 章 過(guò)濾方法 179
9.1 jQuery 過(guò)濾方法簡(jiǎn)介 179
9.2 類名過(guò)濾:hasClass() 179
9.3 下標(biāo)過(guò)濾:eq() 181
9.4 判斷過(guò)濾:is() 182
9.5 反向過(guò)濾:not() 184
9.6 表達(dá)式過(guò)濾:filter()、has() 186
9.6.1 filter() 187
9.6.2 has() 189
9.7 本章練習(xí) 190
第 10 章 查找方法 191
10.1 jQuery 查找方法簡(jiǎn)介 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 本章練習(xí) 209
第 11 章 工具函數(shù) 211
11.1 工具函數(shù)簡(jiǎn)介 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 過(guò)濾數(shù)組:$.grep() 217
11.4.5 遍歷數(shù)組:$.each() 219
11.5 對(duì)象操作 221
11.6 檢測(cè)操作 222
11.7 自定義工具函數(shù) 227
11.8 本章練習(xí) 228
第 12 章 開發(fā)插件 230
12.1 jQuery 插件簡(jiǎn)介 230
12.2 jQuery 常用插件 231
12.2.1 文本溢出:dotdotdot.js 231
12.2.2 延遲加載:lazyload.js 232
12.2.3 復(fù)制粘貼:zclip.js 235
12.2.4 表單驗(yàn)證:validate.js 236
12.3 jQuery 插件 238
12.3.1 方法類插件 238
12.3.2 函數(shù)類插件 242
12.4 本章練習(xí) 244
第 13 章 Ajax 操作 245
13.1 搭建服務(wù)器環(huán)境 245
13.2 Ajax 簡(jiǎn)介 247
13.3 load() 方法 248
13.3.1 load() 方法簡(jiǎn)介 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 本章練習(xí) 267
第 14 章 高級(jí)技巧 268
14.1 index() 方法 268
14.2 鏈?zhǔn)秸{(diào)用 271
14.3 jQuery 對(duì)象與DOM 對(duì)象 273
14.4 解決庫(kù)沖突 276
14.5 jQuery CDN 279
14.5.1 CDN 簡(jiǎn)介 279
14.5.2 jQuery CDN 280
14.6 本章練習(xí) 281
附錄A DOM 操作方法 282
附錄B 常見的事件 284
附錄C 常見的動(dòng)畫 285
附錄D 過(guò)濾方法 286
附錄E 查找方法 287