動態網頁設計與開發——JavaScript+jQuery

第1章  初識JavaScript    1
本章目標    
本章簡介    
技術內容    
1.1    JavaScript概述    
1.1.1    為什麼學習JavaScript    
1.1.2    JavaScript簡介    
1.1.3    JavaScript起源    
1.1.4    JavaScript的實現    
1.1.5    JavaScript的特點    
1.2    Web開發工具    
1.2.1    瀏覽器    
1.2.2    代碼編輯器    
1.2.3    技能訓練    
1.3    JavaScript的基本結構與使用
1.3.1    JavaScript的基本結構    
1.3.2    JavaScript的執行原理    
1.3.3    JavaScript的使用方式    
1.4    JavaScript的語法    
1.4.1    JavaScript中的大小寫    
1.4.2    變量、對象和函數的名稱    
1.4.3    JavaScript中的分號    
1.4.4    JavaScript中的註釋    
1.4.5    JavaScript中的代碼塊
1.4.6    比較兩個字符串是否相同
1.4.7    字符串與數字的拼接    
1.5    JavaScript變量    
1.5.1    變量的聲明    
1.5.2    變量的命名規範    
1.5.3    定義常量    
1.5.4    JavaScript關鍵字和保留字    
1.5.5    技能訓練    
1.6    常用的輸入／輸出
1.6.1    警告(alert)    
1.6.2    console.log()
1.6.3    提示(prompt)
本章總結    
本章作業    

第2章  JavaScript 基礎
本章目標    
本章簡介    
技術內容    
2.1    JavaScript數據類型
2.1.1    JavaScript基本數據類型
2.1.2    JavaScript類型轉換    
2.1.3    技能訓練    
2.2    JavaScript運算符
2.2.1    賦值運算符    
2.2.2    算術運算符    
2.2.3    邏輯運算符    
2.2.4    關系運算符    
2.2.5    條件運算符    
2.2.6    運算符優先級
2.2.7    技能訓練    
2.3    JavaScript條件語句
2.3.1    if語句    
2.3.2    switch語句    
2.3.3    技能訓練    
2.4    JavaScript循環語句
2.4.1    for循環    
2.4.2    for-in循環
2.4.3    while循環
2.4.4    do-while循環
2.4.5    break和continue
2.4.6    技能訓練    
本章總結    
本章作業    

第3章  對象、函數和事件
本章目標    
本章簡介    
技術內容    
3.1    JavaScript對象類型    
3.1.1    本地對象    
3.1.2    內置對象    
3.1.3    宿主對象    
3.1.4    技能訓練    
3.2    JavaScript函數    
3.2.1    常用定時函數
3.2.2    技能訓練1    
3.2.3    自定義函數    
3.2.4    技能訓練2    
3.3    事件    
3.3.1    事件概述    
3.3.2    事件的綁定萬式
3.3.3    常見事件    
3.3.4    技能訓練    
本章總結    
本章作業    

第4章  JavaScript操作BOM對象
本章目標    
本章簡介    
技術內容    
4.1    什麼是BOM對象    
4.2    window對象    
4.2.1    常用的屬性
4.2.2    常用的方法
4.2.3    技能訓練    
4.3    screen對象    
4.4    history對象    
4.4.1    歷史記錄跳轉
4.4.2    無刷新更改URL地址
4.5    location對象    
4.5.1    更改URL    
4.5.2    獲取URL參數
4.5.3    技能訓練    
4.6    navigator對象    
4.7    document 對象    
4.7.1    document對象的常用屬性
4.7.2    document對象的常用方法
4.7.3    技能訓練    
本章總結    
本章作業    

第5章  JavaScript操作DOM對象
本章目標    
本章簡介    
技術內容    
5.1    DOM操作    
5.1.1    DOM操作分類
5.1.2    節點和節點關系
5.1.3    訪問節點    
5.1.4    節點信息    
5.1.5    技能訓練    
5.2    DOM HTML    
5.2.1    操作HTML元素內容
5.2.2    操作節點的屬性    
5.2.3    創建和插入節點    
5.2.4    刪除和替換節點    
5.2.5    技能訓練    
5.3    DOM CSS    
5.3.1    操作節點樣式    
5.3.2    獲取元素的樣式    
5.3.3    技能訓練    
5.4    DOM事件    
5.5    獲取元素位置    
5.5.1    元素屬性應用
5.5.2    技能訓練    
本章總結    
本章作業    

第6章 JavaScript面向對象
本章目標    
本章簡介    
技術內容    
6.1    對象    
6.1.1    回顧JavaScript數據類型
6.1.2    對象是什麼    
6.1.3    面向對象及特徵    
6.1.4    創建對象    
6.1.5    技能訓練    
6.2    構造函數    
6.2.1    為什麼使用構造函數    
6.2.2    JavaScript 內置的構造函數
6.2.3    自定義構造函數    
6.2.4    私有成員    
6.2.5    函數中的this 指向
6.3    原型對象    
6.3.1    為什麼使用原型    
6.3.2    原型對象的使用方法
6.3.3    技能訓練    
6.4    繼承    
6.4.1    JavaScript繼承的實現
6.4.2    靜態成員    
6.4.3    屬性搜索原則
6.4.4    原型鏈    
6.4.5    對象繼承
6.4.6    技能訓練
本章總結    
本章作業    

第7章  初識jQuery
本章目標    
本章簡介    
技術內容    
7.1    為什麼選擇jQuery
7.2    jQuery概述    
7.2.1    認識 jQuery
7.2.2    配置jQuery環境    
7.3    jQuery基礎語法    
7.3.1    編寫第一個jQuery程序    
7.3.2    文檔就緒函數    
7.3.3    jQuery名稱沖突    
7.3.4    技能訓練1    
7.3.5    jQuery語法結構
7.3.6    技能訓練2    
7.3.7    jQuery程序的代碼風格    
7.3.8    技能訓練3    
7.4    DOM對象和jQuery對象    
7.4.1    DOM 對象    
7.4.2    jQuery 對象    
7.4.3    jQuery對象與DOM對象的相互轉換
7.4.4    技能訓練    
本章總結    
本章作業    

第8章  jQuery選擇器與過濾器
本章目標    
本章簡介    
技術內容    
8.1    jQuery選擇器概述    
8.1.1    什麼是jQuery選擇器    
8.1.2    jQuery選擇器的優勢    
8.1.3    jQuery選擇器的類型    
8.2    通過CSS選擇器選取元素    
8.2.1    基本選擇器    
8.2.2    層次選擇器    
8.2.3    技能訓練1    
8.2.4    屬性選擇器    
8.2.5    技能訓練2    
8.3    通過過濾選擇器選取元素    
8.3.1    基本過濾選擇器(Basic Filter)
8.3.2    技能訓練    
8.3.3    子元素過濾器    
8.3.4    內容過濾器    
8.3.5    可見性過濾選擇器    
8.3.6    技能訓練    
8.4    jQuery選擇器的註意事項
8.4.1    選擇器中含有特殊符號的註意事項
8.4.2    選擇器中含有空格的註意事項    
8.4.3    技能訓練    
本章總結    
本章作業    

第9章  jQuery事件與動畫特效    
本章目標    
本章簡介    
技術內容    
9.1    jQuery中的事件
9.2    常用jQuery事件
9.2.1    文檔/窗口事件
9.2.2    鍵盤事件    
9.2.3    鼠標事件    
9.2.4    技能訓練1    
9.2.5    表單事件    
9.2.6    瀏覽器事件    
9.2.7    技能訓練2    
9.3    jQuery事件綁定與解除    
9.3.1    jQuery事件綁定    
9.3.2    jQuery事件解除    
9.3.3    jQuery臨時事件    
9.3.4    技能訓練    
9.4    覆合事件    
9.4.1    hover()方法
9.4.2    toggle()方法
9.4.3    toggleClass()方法
9.4.4    技能訓練    
9.5    動畫特效    
9.5.1    jQuery隱藏和顯示    
9.5.2    jQuery淡入和淡出    
9.5.3    jQuery滑動    
9.5.4    技能訓練    
9.6    jQuery動畫    
9.6.1    改變元素基本屬性    
9.6.2    改變元素位置    
9.6.3    動畫隊列    
9.6.4    jQuery方法鏈接    
9.6.5    jQuery停止動畫    
本章總結    
本章作業  

 
第10章  使用jQuery操作 DOM    
本章目標    
本章簡介    
技術內容    
10.1    DOM操作
10.1.1    DOM操作分類
10.1.2    jQuery中的DOM操作    
10.2    樣式操作    
10.2.1    設置和獲取樣式值    
10.2.2    追加樣式和移除樣式    
10.2.3    切換樣式    
10.2.4    判斷是否含指定的樣式    
10.2.5    CSS-DOM操作    
10.2.6    技能訓練    
10.3    內容操作    
10.3.1    HTML代碼操作
10.3.2    標簽內容操作
10.3.3    屬性值操作    
10.3.4    技能訓練    
10.4    節點操作    
10.4.1    查找節點    
10.4.2    創建節點元素
10.4.3    插入節點    
10.4.4    技能訓練1    
10.4.5    刪除節點    
10.4.6    替換節點    
10.4.7    覆制節點    
10.4.8    技能訓練2    
10.5    屬性操作    
10.5.1    獲取元素屬性值
10.5.2    設置元素屬性值
10.5.3    刪除元素屬性    
10.5.4    技能訓練    
10.6    jQuery遍歷    
10.6.1    HTML家族樹簡介
10.6.2    jQuery後代遍歷
10.6.3    jQuery同輩遍歷
10.6.4    jQuery祖先遍歷
10.6.5    其他遍歷方法    
本章總結    
本章作業    

第11章  表單校驗與正則表達式
本章目標    
本章簡介    
技術內容    
11.1    表單基本驗證技術
11.1.1    表單驗證的必要性
11.1.2    表單驗證的內容    
11.1.3    表單驗證的思路    
11.2    表單選擇器    
11.2.1    表單選擇器簡介
11.2.2    驗證表單內容    
11.2.3    技能訓練1    
11.2.4    校驗提示特效
11.2.5    技能訓練2    
11.3    正則表達式    
11.3.1    為什麼需要正則表達式
11.3.2    什麼是正則表達式    
11.3.3    正則表達式的應用    
11.3.4    技能訓練    
11.4    使用HTML5的方式驗證表單    
11.4.1    HTML5新增屬性    
11.4.2    validity屬性    
11.4.3    技能訓練    
本章總結    
本章作業    
 

第12章  綜合應用設計實例
本章目標    
本章簡介    
技術內容    
12.1    總結歸納
12.1.1    核心技能目標
12.1.2    知識梳理    
12.2    綜合練習    
12.2.1    jQuery手動切換圖片特效
12.2.2    新用戶註冊頁面    
12.2.3    購物車頁面