JavaScript與jQuery實戰(zhàn)教程（第2版）

目錄



第1章JavaScript概述00

任務1.1認識JavaScript00

1.1.1JavaScript的起源00

1.1.2JavaScript的作用00

1.1.3JavaScript的基本特點00

1.1.4JavaScript的組成00

任務1.2在頁面顯示個人信息00

1.2.1選擇JavaScript腳本編輯器00

1.2.2腳本的基本結構00

1.2.3在網頁中引用JavaScript的方式00

1.2.4常用的輸入/輸出語句00

1.2.5任務實現0

任務1.3測試綜合案例在主流瀏覽器上的兼容性0

1.3.1瀏覽器之間的沖突0

1.3.2標準的制定0

1.3.3任務實現0

小結0

實訓0

課后練習0

第2章JavaScript基礎0

任務2.1顯示變量數據類型0

2.1.1變量0

2.1.2數據類型0

2.1.3運算符號0

2.1.4任務實現0

任務2.2根據成績給出學生考評0

2.2.1if語句0

2.2.2switch語句0

2.2.3任務實現0

任務2.3實現猜數游戲0

2.3.1for循環(huán)0

2.3.2while循環(huán)0

2.3.3do...while循環(huán)0

2.3.4for...in循環(huán)0

2.3.5中斷循環(huán)語句0

2.3.6任務實現0

任務2.4制作簡易計算器0

2.4.1數值判斷函數0

2.4.2自定義函數0

2.4.3任務實現0

小結0

實訓0

課后練習0



JavaScript

與jQuery實戰(zhàn)教程（第2版）








目錄








第3章JavaScript對象編程0

任務3.1在頁面動態(tài)顯示系統時間0

3.1.1Date對象的創(chuàng)建0

3.1.2Date對象的常用方法0

3.1.3定時器函數0

3.1.4任務實現0

任務3.2制作隨機選號頁面0

3.2.1Math對象的常用屬性0

3.2.2Math對象的常用方法0

3.2.3任務實現0

任務3.3制作簡單的焦點圖效果0

3.3.1數組的創(chuàng)建0

3.3.2數組的訪問0

3.3.3數組的常用屬性和方法0

3.3.4任務實現0

任務3.4使用JSON顯示圖書信息0

3.4.1什么是JSON0

3.4.2JSON的語法規(guī)則0

3.4.3JSON對象0

3.4.4JSON數組0

3.4.5任務實現0

任務3.5驗證注冊頁面信息0

3.5.1String對象的創(chuàng)建0

3.5.2String對象的常用屬性和方法0

3.5.3任務實現0

任務3.6使用正則表達式驗證注冊頁面信息0

3.6.1定義正則表達式0

3.6.2正則表達式的操作方法0

3.6.3正則表達式的模式0

3.6.4任務實現0

小結0

實訓0

課后練習0

第4章BOM編程0

任務4.1制作彈出窗口特效0

4.1.1BOM對象模型參考0

4.1.2window對象的常用屬性0

4.1.3window對象的常用方法0

4.1.4任務實現

任務4.2制作網頁標題交替顯示效果

4.2.1document對象的常用屬性

4.2.2任務實現

任務4.3制作復選框全選效果

4.3.1document對象的常用方法

4.3.2任務實現

小結

實訓

課后練習

第5章DOM編程

任務5.1畫出頁面的文檔節(jié)點結構圖

5.1.1什么是DOM

5.1.2DOM的組成

5.1.3DOM模型中的節(jié)點

5.1.4任務實現

任務5.2使用Core DOM方式動態(tài)添加表格

5.2.1節(jié)點的常用屬性和方法

5.2.2查看節(jié)點

5.2.3創(chuàng)建和增加節(jié)點

5.2.4刪除和替換節(jié)點

5.2.5任務實現

任務5.3使用HTML DOM方式動態(tài)添加表格

5.3.1HTML DOM對象

5.3.2訪問HTML DOM對象的屬性

5.3.3表格對象

5.3.4任務實現

任務5.4拓展

5.4.1用DOM的文檔碎片提高頁面的執(zhí)行效率

5.4.2在特定節(jié)點后插入節(jié)點

小結

實訓

課后練習

第6章JavaScript與CSS交互

任務6.1使用JavaScript動態(tài)改變導航菜單樣式

6.1.1style屬性

6.1.2className屬性

6.1.3任務實現

任務6.2制作圖片輪顯效果

6.2.1visibility屬性

6.2.2display屬性

6.2.3任務實現

任務6.3制作隨光標滾動的廣告圖片

6.3.1獲取樣式屬性值

6.3.2頁面事件

6.3.3任務實現

任務6.4拓展

6.4.1制作Tab切換效果

6.4.2制作光標移到某圖片上顯示該圖片對應大圖

小結

實訓

課后練習

第7章jQuery基礎

任務7.1使用jQuery在警告框中顯示“Hello World!”

7.1.1jQuery的優(yōu)勢

7.1.2配置jQuery環(huán)境

7.1.3jQuery開發(fā)工具和插件

7.1.4任務實現

任務7.2網站品牌列表的顯示與收起

7.2.1基本選擇器

7.2.2層次選擇器

7.2.3過濾選擇器

7.2.4任務實現

任務7.3拓展

7.3.1jQuery對象與DOM對象

7.3.2表單選擇器

小結

實訓

課后練習

第8章jQuery中的DOM操作

任務8.1制作圖片展示效果

8.1.1獲取和設置屬性

8.1.2刪除屬性

8.1.3任務實現

任務8.2制作留言板前端局部更新效果

8.2.1查找節(jié)點

8.2.2創(chuàng)建節(jié)點

8.2.3插入節(jié)點

8.2.4任務實現

任務8.3制作電子郵件刪除效果

8.3.1刪除節(jié)點

8.3.2復制節(jié)點

8.3.3替換節(jié)點

8.3.4遍歷節(jié)點

8.3.5任務實現

任務8.4表格隔行變色和當前行變色

8.4.1獲取和設置style對象的屬性

8.4.2獲取和設置class樣式

8.4.3追加和移除樣式

8.4.4判斷是否含有某個樣式

8.4.5任務實現

任務8.5拓展

8.5.1制作導航欄菜單效果

8.5.2制作層疊圖片橫向平滑移動輪播切換效果

小結

實訓

課后練習

第9章jQuery中的事件

任務9.1微博字數統計

9.1.1加載DOM

9.1.2事件綁定

9.1.3事件移除

9.1.4簡寫事件

9.1.5任務實現

任務9.2制作圖片提示效果

9.2.1事件對象

9.2.2事件冒泡

9.2.3任務實現

任務9.3制作頂部導航菜單效果

9.3.1合成事件hover

9.3.2特殊事件one

9.3.3任務實現

任務9.4拓展

9.4.1模擬操作trigger()方法

9.4.2事件命名空間

小結

實訓

課后練習

第10章jQuery制作動畫

任務10.1FAQ答案的顯示和隱藏

10.1.1show()和hide()方法

10.1.2fadeIn()和fadeOut()方法

10.1.3slideUp()和slideDown()方法

10.1.4任務實現

任務10.2圖片橫向移動效果

10.2.1自定義動畫方法animate()

10.2.2動畫回調函數

10.2.3停止動畫和判斷是否處于動畫狀態(tài)

10.2.4任務實現

任務10.3拓展

10.3.1焦點幻燈片效果

10.3.2背景動畫全屏焦點圖效果

小結

實訓

課后練習

第11章jQuery插件應用

任務11.1使用ssMenu固定側邊欄插件

11.1.1ssMenu插件簡介

11.1.2ssMenu插件下載

11.1.3任務實現

任務11.2Pinterest Grid實現響應式網格瀑布流布局

11.2.1Pinterest Grid插件簡介

11.2.2Pinterest Grid插件參數

11.2.3任務實現

任務11.3編寫表格隔行變色插件

11.3.1插件的種類

11.3.2插件的注意事項

11.3.3jQuery插件的機制

11.3.4命名空間

11.3.5編寫jQuery插件

11.3.6任務實現

任務11.4使用Swiper插件實現圖片切換

11.4.1Swiper插件簡介

11.4.2Swiper組件

11.4.3Swiper插件的基本用法

11.4.4用Swiper插件實現縮放的圖片切換

小結

實訓

課后練習

第12章項目案例： 融合工廠企業(yè)官網

任務12.1案例分析

12.1.1需求概述

12.1.2開發(fā)環(huán)境

12.1.3案例覆蓋的技能點

12.1.4開發(fā)技巧

任務12.2頁面交互效果實現

12.2.1整站通用交互效果

12.2.2首頁交互效果

12.2.3傳媒服務頁面交互效果

小結

參考文獻