JavaScript+jQuery程序開發實用教程

1.1JavaScript簡介 2

1.1.1JavaScript語言簡史 2

1.1.2JavaScript的特點 2

1.1.3JavaScript在頁面中的應用 3

1.2HTML頁面中嵌入JavaScript的

方法 4

1.2.1頁面中定義JavaScript代碼 5

1.2.2鏈接外部JavaScript文件 6

1.2.3事件調用JavaScript程序 7

1.3JavaScript代碼的編輯工具 8

1.3.1純文本編輯器 9

1.3.2Dreamweaver 9

課后小結 11

習題 11

第2章JavaScript的數據類型和

運算符 13

2.1JavaScript的語法規則 14

2.1.1區分大小寫 14

2.1.2代碼的格式 14

2.1.3代碼的注釋 15

2.1.4常量 15

2.1.5空白符和換行符 16

2.1.6標識符 17

2.1.7保留字 17

2.2數據類型 18

2.2.1數值型 18

2.2.2字符串類型 19

2.2.3布爾型 20

2.2.4空值型 20

2.2.5未定義值 21

2.2.6類型轉換 21

2.3變量 24

2.3.1變量的命名 24

2.3.2變量的聲明 24

2.3.3變量的賦值 26

2.4運算符 27

2.4.1算術運算符 28

2.4.2賦值運算符 31

2.4.3關系運算符 32

2.4.4邏輯運算符 34

2.4.5字符串運算符 36

2.4.6其他運算符 37

2.4.7運算符的優先級 38

課后小結 39

習題 39

第3章JavaScript的流程控制 41

3.1JavaScript中的選擇結構 42

3.1.1if語句 42

3.1.2if...else語句 42

3.1.3嵌套if...else語句 44

3.1.4switch語句 46

3.2JavaScript中的循環結構 48

3.2.1while語句 48

3.2.2do...while語句 49

3.2.3for語句 50

3.2.4for…in語句 51

3.2.5with語句 52

3.2.6break語句 54

3.2.7continue語句 55

課后小結 56

習題 56

第4章JavaScript中的函數 59

4.1函數的定義 60

4.2函數的調用 61

4.3函數的參數和返回值 62

4.3.1函數的參數 62

4.3.2函數的返回值 66

4.4函數的嵌套和遞歸 67

4.5變量的作用域 70

4.6JavaScript中的系統函數 71

4.6.1encodeURI函數 71

4.6.2decodeURI函數 72

4.6.3parseInt函數 73

4.6.4isNaN函數 74

4.6.5eval函數 75

課后小結 76

習題 76

第5章JavaScript中的對象 77

5.1對象的基本概念 78

5.1.1對象的屬性和方法 78

5.1.2對象的創建和刪除 79

5.2內置對象 81

5.2.1String對象 81

5.2.2Number對象 85

5.2.3Math對象 88

5.2.4Date對象 90

5.2.5Array對象 93

5.3瀏覽器對象 98

5.3.1window對象 99

5.3.2document對象 102

5.3.3frame對象 104

5.3.4history對象 106

5.3.5location對象 108

5.3.6navigator對象 109

課后小結 111

習題 111

第6章JavaScript中的事件與事件

處理 113

6.1事件及事件處理程序 114

6.1.1事件和事件處理程序 114

6.1.2指定事件處理程序 114

6.2JavaScript的常用事件 116

6.2.1鍵盤事件 116

6.2.2鼠標事件 118

6.2.3Load事件和Unload事件 121

6.2.4Focus事件和Blur事件 123

6.2.5Submit事件和Reset事件 125

6.2.6Change事件和Select事件 127

6.2.7Error事件 129

課后小結 129

習題 130

第7章JavaScript中的DOM編程 131

7.1XML基礎 132

7.1.1XML的文檔結構 132

7.1.2XML解析器 133

7.2DOM編程基礎 134

7.2.1DOM文檔對象模型 134

7.2.2DOM中的節點 135

7.3使用DOM編程 137

7.3.1訪問節點 137

7.3.2創建新節點 138

7.3.3添加節點 139

7.3.4插入節點 140

7.3.5刪除節點 142

課后小結 145

習題 145

第8章CSS樣式表 147

8.1CSS簡介 148

8.1.1CSS的發展 148

8.1.2CSS的特點 148

8.2CSS的定義方式 149

8.3CSS的選擇器 150

8.3.1元素選擇器 150

8.3.2類選擇器 152

8.3.3ID選擇器 153

8.3.4屬性選擇器 155

8.3.5后代選擇器 156

8.3.6子元素選擇器 158

8.3.7相鄰兄弟選擇器 159

8.4CSS中的屬性 161

8.4.1字體屬性設置 164

8.4.2文本屬性設置 168

8.4.3背景屬性設置 171

8.4.4邊框屬性設置 175

8.4.5邊距和填充距屬性設置 178

課后小結 179

習題 179

第9章JavaScript網頁特效 181

9.1文字特效 182

9.1.1跑馬燈效果 182

9.1.2打字效果 183

9.1.3文字大小變化效果 185

9.1.4升降文字效果 187

9.2圖片特效 188

9.2.1改變頁面中圖片的位置 188

9.2.2鼠標拖動改變圖片大小 190

9.2.3不斷閃爍的圖片 191

9.3時間和日期特效 192

9.3.1標題欄顯示分時問候語 192

9.3.2顯示當前系統時間 193

9.3.3星期查詢功能 195

9.4窗體特效 197

9.4.1無邊框窗口自動關閉特效 197

9.4.2方向鍵控制窗口的特效 199

9.4.3改變窗體顏色 200

9.5鼠標特效 201

9.5.1屏蔽鼠標右鍵 201

9.5.2獲取鼠標位置坐標 202

9.5.3根據方向改變鼠標外觀 204

9.6菜單特效 205

9.6.1左鍵彈出菜單 205

9.6.2下拉菜單 207

9.6.3滾動菜單 208

9.7警告和提示特效 210

9.7.1進站提示信息 210

9.7.2單擊超鏈接顯示提示框 211

9.7.3顯示停留時間 211

9.8密碼特效 213

9.8.1彈出式密碼保護 213

9.8.2檢查密碼的格式合法性 215

課后小結 218

第10章初識jQuery 219

10.1jQuery概述 220

10.1.1jQuery簡介 220

10.1.2jQuery的特點 220

10.2jQuery代碼編寫 221

10.2.1配置jQuery開發環境 221

10.2.2jQuery代碼編寫 221

10.3jQuery對象與DOM對象 222

10.3.1jQuery對象簡介 222

10.3.2jQuery對象與DOM對象

的相互轉換 223

課后小結 223

習題 224

第11章jQuery選擇器 225

11.1jQuery選擇器簡介 226

11.2jQuery選擇器的分類 226

11.2.1基本選擇器 226

11.2.2層次選擇器 228

11.2.3過濾選擇器 229

11.2.4表單選擇器 235

11.3jQuery中元素屬性的操作 237

11.3.1設置元素屬性 237

11.3.2刪除元素屬性 238

11.4jQuery中樣式類的操作 239

11.4.1添加樣式類 239

11.4.2移除樣式類 241

11.4.3交替樣式類 242

11.5jQuery中樣式屬性的操作 243

11.5.1讀取樣式屬性 243

11.5.2設置樣式屬性 244

11.5.3設置元素偏移 245

11.6jQuery中元素內容的操作 247

11.6.1操作HTML代碼 247

11.6.2操作文本 248

11.6.3操作表單元素的值 249

11.7篩選與查找元素集中的元素 250

課后小結 255

習題 255

第12章jQuery中DOM的操作 257

12.1DOM樹結構 258

12.2創建元素 259

12.3插入元素 259

12.4復制元素 261

12.5替換元素 262

12.6包裹元素 263

12.7刪除元素 264

課后小結 266

習題 266

第13章jQuery的事件處理 267

13.1jQuery中的事件處理機制 268

13.2jQuery中的頁面載入事件 270

13.3jQuery中的事件綁定 272

13.3.1bind()方法綁定事件 272

13.3.2one()方法綁定事件 273

13.3.3live()方法綁定事件 274

13.4jQuery中的事件移除 276

13.5jQuery中的事件冒泡 278

13.6jQuery中的模擬事件觸發操作 279

13.7jQuery中的合成事件 282

13.7.1hover()方法 282

13.7.2toggle()方法 283

課后小結 284

習題 284

第14章jQuery的動畫效果 285

14.1顯示與隱藏效果 286

14.1.1隱藏元素的hide()方法 286

14.1.2顯示元素的show()方法 287

14.1.3交替顯示隱藏元素 288

14.2滑動效果 288

14.2.1向上收縮效果 289

14.2.2向下展開效果 290

14.2.3交替伸縮效果 290

14.3淡入淡出效果 291

14.3.1淡入效果 291

14.3.2淡出效果 293

14.3.3交替淡入淡出效果 294

14.3.4不透明效果 295

14.4自定義動畫效果 295

14.4.1自定義動畫 296

14.4.2動畫隊列 297

14.4.3動畫停止和延時 299

課后小結 301

習題 301

第15章jQuery與Ajax 303

15.1Ajax簡介 304

15.2jQuery中的Ajax方法 306

15.2.1load()方法 306

15.2.2$.get()方法和$.post()方法 307

15.2.3$.getScript()方法和

$.getJSON()方法 309

15.2.4$.ajax()方法 310

15.3jQuery中的Ajax事件 312

課后小結 315

習題 315

第16章jQuery常用插件 317

16.1jQuery中的表單插件 318

16.2jQuery中的驗證插件 320

16.3jQuery中的右鍵菜單插件 325

16.4jQuery中的圖片彈窗插件 329

課后小結 332

習題 333