本書(shū)根據JavaScript+jQuery動(dòng)態(tài)網(wǎng)頁(yè)設計與制作操作規程結合具體應用,系統地介紹了JavaScript基礎,JavaScript編輯工具,JavaScript,CSS,DOM,AJAX,jQuery等關(guān)鍵技術(shù)以及jQuery插件等內容。
本書(shū)知識點(diǎn)覆蓋全面,案例豐富,實(shí)用性強,注重實(shí)踐技能與應用能力的培養。全書(shū)主要通過(guò)案例來(lái)強化學(xué)生實(shí)踐能力,以加強應用技能為培養目標,既可作為應用型大學(xué)本科計算機專(zhuān)業(yè)及電子商務(wù)等相關(guān)專(zhuān)業(yè)的教材,也可以作為高職高專(zhuān)院校計算機課程的教學(xué)用書(shū);同時(shí)也可以作為企事業(yè)網(wǎng)絡(luò )從業(yè)者的培訓教材。本書(shū)可為中小企業(yè)網(wǎng)站開(kāi)發(fā)管理與維護人員提供有益的學(xué)習指導。
第1章JavaScript概述1
1.1JavaScript簡(jiǎn)介1
1.2JavaScript的編輯工具2
1.3JavaScript的嵌入4
1.4上機練習6
第2章JavaScript基礎8
2.1JavaScript的語(yǔ)法規則8
2.2數據類(lèi)型10
2.3運算符和表達式11
2.4上機練習13
2.5流程控制16
2.5.1選擇結構16
2.5.2循環(huán)結構21
2.6函數23
2.6.1函數的定義和調用24
2.6.2帶有返回值的函數25
2.6.3變量的作用域26
第3章應用CSS28
3.1CSS概述28
3.1.1CSS的優(yōu)點(diǎn)28
3.1.2如何編輯CSS29
3.2CSS選擇器30
3.2.1CSS基本語(yǔ)法30
3.2.2標簽選擇器31
3.2.3類(lèi)選擇器31
3.2.4ID選擇器32
3.2.5其他選擇器33
3.3CSS的使用方法37
3.3.1行內樣式37
3.3.2內嵌式38
3.3.3鏈接式39
3.3.4導入樣式40
3.3.5用腳本來(lái)運用CSS樣式42
3.4CSS應用43
3.4.1長(cháng)度單位和顏色單位43
3.4.2CSS設置字體44
3.4.3CSS設置文本47
3.4.4CSS設置圖像51
3.4.5CSS設置背景52
3.4.6CSS設置超鏈接56
3.4.7CSS設置鼠標特效57
3.4.8CSS制作實(shí)用菜單58
第4章DOM模型62
4.1DOM簡(jiǎn)介62
4.2DOM編程基礎63
4.3DOM節點(diǎn)操作66
4.3.1獲取DOM中的元素66
4.3.2節點(diǎn)的常用屬性和方法70
4.3.3檢測節點(diǎn)類(lèi)型71
4.3.4利用父子兄關(guān)系查找節點(diǎn)71
4.3.5設置節點(diǎn)屬性76
4.3.6創(chuàng )建和添加節點(diǎn)77
4.3.7刪除節點(diǎn)79
4.3.8替換節點(diǎn)80
4.3.9在特定節點(diǎn)前插入節點(diǎn)81
4.3.10在特定節點(diǎn)后插入節點(diǎn)82
4.4使用非標準DOM innerHTML屬性84
4.5DOM與CSS85
4.5.1三位一體的頁(yè)面85
4.5.2使用className屬性86
第5章JavaScript中的對象88
5.1對象的基本概念88
5.2內置對象89
5.2.1字符串對象89
5.2.2數字對象91
5.2.3算數對象93
5.2.4日期對象95
5.2.5數組對象97
5.2.6瀏覽器對象99
5.2.7文檔對象100
5.2.8窗口對象103
第6章JavaScript中的事件與事件處理106
6.1事件及事件處理程序106
6.2JavaScript的常用事件107
6.2.1鍵盤(pán)事件107
6.2.2鼠標事件108
6.2.3onload事件和onunload事件110
6.2.4表單事件112
第7章JavaScript網(wǎng)頁(yè)特效114
7.1文字特效114
7.1.1跑馬燈效果114
7.1.2打字效果115
7.1.3文字大小變化效果117
7.2圖片特效118
7.2.1改變頁(yè)面中圖片的位置118
7.2.2鼠標拖動(dòng)滑塊改變圖片大小119
7.2.3不斷閃爍的圖片122
7.3時(shí)間和日期特效123
7.3.1標題欄顯示分時(shí)問(wèn)候語(yǔ)123
7.3.2顯示當前系統時(shí)間124
7.3.3星期查詢(xún)功能124
7.4鼠標特效125
7.4.1屏蔽鼠標右鍵125
7.4.2獲取鼠標位置坐標125
7.4.3移動(dòng)改變鼠標外觀(guān)126
7.5菜單特效128
7.5.1左鍵彈出菜單128
7.5.2下拉菜單129
7.5.3滾動(dòng)菜單131
7.6表單特效136
7.6.1控制用戶(hù)輸入字符個(gè)數136
7.6.2設置單選按鈕138
7.6.3設置復選框139
7.6.4設置下拉菜單141
第8章jQuery基礎143
8.1jQuery概述143
8.1.1jQuery簡(jiǎn)介143
8.1.2jQuery的功能151
8.1.3jQuery的特點(diǎn)152
8.1.4下載并使用jQuery152
8.2jQuery的“$”153
8.2.1選擇器153
8.2.2功能函數前綴155
8.2.3解決window.onload函數的沖突155
8.2.4創(chuàng )建DOM元素156
8.2.5自定義添加“$”157
8.2.6解決“$”的沖突157
8.3jQuery對象與DOM對象157
8.4案例——我的第一個(gè)jQuery程序159
第9章jQuery選擇器161
9.1jQuery選擇器簡(jiǎn)介161
9.2jQuery選擇器的分類(lèi)161
9.3jQuery中元素屬性的操作163
9.3.1設置元素屬性164
9.3.2刪除元素屬性165
9.4jQuery中樣式類(lèi)的操作165
9.4.1添加樣式類(lèi)165
9.4.2移除樣式類(lèi)167
9.4.3交替樣式類(lèi)168
9.5jQuery中樣式屬性的操作169
9.5.1讀取樣式屬性169
9.5.2設置樣式屬性170
9.5.3設置元素偏移171
9.6jQuery中元素內容的操作171
9.6.1操作HTML代碼172
9.6.2操作文本172
9.6.3操作表單元素的值173
9.7篩選與查找元素集中的元素175
第10章使用jQuery制作動(dòng)畫(huà)與特效185
10.1顯示與隱藏效果185
10.1.1隱藏元素的hide()方法185
10.1.2顯示元素的show()方法186
10.1.3交替顯示隱藏元素188
10.2滑動(dòng)效果191
10.2.1向上收縮效果191
10.2.2向下展開(kāi)效果192
10.2.3交替伸縮效果193
10.3淡入淡出效果194
10.3.1淡入效果195
10.3.2淡出效果195
10.3.3交替淡入淡出效果196
10.3.4不透明效果197
10.4自定義動(dòng)畫(huà)效果197
10.4.1自定義動(dòng)畫(huà)197
10.4.2動(dòng)畫(huà)隊列198
10.4.3動(dòng)畫(huà)停止和延時(shí)199
第11章jQuery與AJAX203
11.1AJAX簡(jiǎn)介203
11.1.1AJAX概述203
11.1.2AJAX原理和XmlHttpRequest對象203
11.1.3jQuery AJAX操作函數205
11.2jQuery中的AJAX方法206
11.2.1load()方法206
11.2.2$.get()方法和$.post()方法208
11.2.3$.getScript()方法和$.getJSON()方法210
11.2.4$.ajax()方法210
11.3jQuery中的AJAX事件211
第12章jQuery插件的開(kāi)發(fā)與使用214
12.1jQuery插件214
12.2常用jQuery插件215
12.3開(kāi)發(fā)自己的插件220
參考文獻224
第1章JavaScript概述1
1.1JavaScript簡(jiǎn)介1
1.2JavaScript的編輯工具2
1.3JavaScript的嵌入4
1.4上機練習6
第2章JavaScript基礎8
2.1JavaScript的語(yǔ)法規則8
2.2數據類(lèi)型10
2.3運算符和表達式11
2.4上機練習13
2.5流程控制16
2.5.1選擇結構16
2.5.2循環(huán)結構21
2.6函數23
2.6.1函數的定義和調用24
2.6.2帶有返回值的函數25
2.6.3變量的作用域26
第3章應用CSS28
3.1CSS概述28
3.1.1CSS的優(yōu)點(diǎn)28
3.1.2如何編輯CSS29
3.2CSS選擇器29
3.2.1CSS基本語(yǔ)法30
3.2.2標簽選擇器30
3.2.3類(lèi)選擇器31
3.2.4ID選擇器31
3.2.5其他選擇器32
3.3CSS的使用方法36
3.3.1行內樣式36
3.3.2內嵌式37
3.3.3鏈接式38
3.3.4導入樣式39
3.3.5用腳本來(lái)運用CSS樣式40
3.4CSS應用42
3.4.1長(cháng)度單位和顏色單位42
3.4.2CSS設置字體43
3.4.3CSS設置文本46
3.4.4CSS設置圖像50
3.4.5CSS設置背景51
3.4.6CSS設置超鏈接55
3.4.7CSS設置鼠標特效56
3.4.8CSS制作實(shí)用菜單57
第4章DOM模型61
4.1DOM簡(jiǎn)介61
4.2DOM編程基礎62
4.3DOM節點(diǎn)操作65
4.3.1獲取DOM中的元素65
4.3.2節點(diǎn)的常用屬性和方法69
4.3.3檢測節點(diǎn)類(lèi)型70
4.3.4利用父子兄關(guān)系查找節點(diǎn)70
4.3.5設置節點(diǎn)屬性75
4.3.6創(chuàng )建和添加節點(diǎn)76
4.3.7刪除節點(diǎn)78
4.3.8替換節點(diǎn)79
4.3.9在特定節點(diǎn)前插入節點(diǎn)80
4.3.10在特定節點(diǎn)后插入節點(diǎn)81
4.4使用非標準DOM innerHTML屬性83
4.5DOM與CSS84
4.5.1三位一體的頁(yè)面84
4.5.2使用className屬性85
第5章JavaScript中的對象87
5.1對象的基本概念 87
5.2內置對象88
5.2.1字符串對象88
5.2.2數字對象90
5.2.3算數對象92
5.2.4日期對象94
5.2.5數組對象96
5.2.6瀏覽器對象98
5.2.7文檔對象99
5.2.8窗口對象102
第6章JavaScript中的事件與事件處理105
6.1事件及事件處理程序105
6.2JavaScript的常用事件106
6.2.1鍵盤(pán)事件106
6.2.2鼠標事件107
6.2.3onload事件和onUnload事件109
6.2.4表單事件111
第7章JavaScript網(wǎng)頁(yè)特效113
7.1文字特效113
7.1.1跑馬燈效果113
7.1.2打字效果114
7.1.3文字大小變化效果116
7.2圖片特效117
7.2.1改變頁(yè)面中圖片的位置117
7.2.2鼠標拖動(dòng)滑塊改變圖片大小118
7.2.3不斷閃爍的圖片121
7.3時(shí)間和日期特效122
7.3.1標題欄顯示分時(shí)問(wèn)候語(yǔ)122
7.3.2顯示當前系統時(shí)間123
7.3.3星期查詢(xún)功能123
7.4鼠標特效123
7.4.1屏蔽鼠標右鍵124
7.4.2獲取鼠標位置坐標124
7.4.3移動(dòng)改變鼠標外觀(guān)125
7.5菜單特效127
7.5.1左鍵彈出菜單127
7.5.2下拉菜單128
7.5.3滾動(dòng)菜單129
7.6表單特效135
7.6.1控制用戶(hù)輸入字符個(gè)數135
7.6.2設置單選按鈕137
7.6.3設置復選框138
7.6.4設置下拉菜單140
第8章jQuery基礎142
8.1jQuery概述142
8.1.1jQuery簡(jiǎn)介142
8.1.2jQuery的功能150
8.1.3jQuery的特點(diǎn)151
8.1.4下載并使用jQuery151
8.2jQuery的“$”152
8.2.1選擇器152
8.2.2功能函數前綴154
8.2.3解決windows.onload函數的沖突154
8.2.4創(chuàng )建DOM元素155
8.2.5自定義添加“$”156
8.2.6解決“$”的沖突156
8.3jQuery對象與DOM對象156
8.4案例——我的第一個(gè)jQuery程序158
第9章jQuery選擇器160
9.1jQuery選擇器簡(jiǎn)介160
9.2jQuery選擇器的分類(lèi)160
9.3jQuery中元素屬性的操作162
9.3.1設置元素屬性163
9.3.2刪除元素屬性164
9.4jQuery中樣式類(lèi)的操作164
9.4.1添加樣式類(lèi)164
9.4.2移除樣式類(lèi)166
9.4.3交替樣式類(lèi)167
9.5jQuery中樣式屬性的操作168
9.5.1讀取樣式屬性168
9.5.2設置樣式屬性169
9.5.3設置元素偏移170
9.6jQuery中元素內容的操作170
9.6.1操作HTML代碼170
9.6.2操作文本171
9.6.3操作表單元素的值172
9.7篩選與查找元素集中的元素173
第10章使用jQuery制作動(dòng)畫(huà)與特效184
10.1顯示與隱藏效果184
10.1.1隱藏元素的hide()方法184
10.1.2顯示元素的show()方法185
10.1.3交替顯示隱藏元素187
10.2滑動(dòng)效果190
10.2.1向上收縮效果190
10.2.2向下展開(kāi)效果191
10.2.3交替伸縮效果192
10.3淡入淡出效果193
10.3.1淡入效果193
10.3.2淡出效果194
10.3.3交替淡入淡出效果195
10.3.4不透明效果195
10.4自定義動(dòng)畫(huà)效果196
10.4.1自定義動(dòng)畫(huà)196
10.4.2動(dòng)畫(huà)隊列197
10.4.3動(dòng)畫(huà)停止和延時(shí)198
第11章jQuery與AJAX202
11.1AJAX簡(jiǎn)介202
11.1.1AJAX概述202
11.1.2AJAX原理和XmlHttpRequest對象202
11.1.3jQuery AJAX操作函數204
11.2jQuery中的AJAX方法205
11.2.1load()方法205
11.2.2$.get()方法和$.post()方法207
11.2.3$.getScript()方法和$.getJSON()方法209
11.2.4$.ajax()方法209
11.3jQuery中的AJAX事件210
第12章jQuery的插件的開(kāi)發(fā)與使用213
12.1jQuery插件213
12.2常用jQuery插件214
12.3開(kāi)發(fā)自己的插件219
參考文獻223