JavaScript + jQuery 交互式 Web 前端開發

黑馬程序員

傳智播客旗下高端IT教育*牌，它是由中國Java培訓*一人張孝祥老師發起，
聯合全球*大的中文IT社區CSDN、中關村軟件園共同創辦的一家專業教育機構。
辦學到今，我們一直堅守著“為千萬人少走彎路而著書，
為中華軟件之崛起而講課”的辦學理念，堅持培養*秀軟件應用工程師的宏偉目標，
在累計培養的十萬餘名學員中，其中90%的學員均已在北、上、廣等一線城市高薪就業。 

目錄：  
第1章初識JavaScript 001  
學習目標001  
1.1什麼是JavaScript 001  
1.1.1 JavaScript概述001  
1.1.2 JavaScript的誕生與發展002  
1.1.3 JavaScript的特點004  
1.1.4 JavaScript的組成004  
1.2常用開發工具005  
1.3 JavaScript入門005  
1.3.1代碼書寫位置006  
1.3.2註釋008  
1.3.3輸入和輸出語句009  
1.3.4控制台的使用010  
1.4 JavaScript變量010  
1.4.1什麼是變量011  
1.4.2變量的使用011  
1.4.3變量的應用案例011  
1.4.4變量的語法細節012  
1.4.5變量的命名規範013  
1.4.6 【案例】交換兩個變量的值014  
本章小結015  
課後練習015  

第2章JavaScript基礎（上） 016  
學習目標016  
2.1數據類型016  
2.1 .1變量的數據類型016  
2.1.2數據類型分類017  
2.1.3數字型017  
2.1.4字符串型018  
2.1.5布爾型020  
2.1.6 undefined和null 020  
2.1.7數據類型檢測020  
2.2數據類型轉換021  
2.2.1轉換為字符串型021  
2.2.2轉換為數字型022  
2.2 .3轉換為布爾型023  
2.3運算符023  
2.3.1算術運算符024  
2.3.2遞增和遞減運算符024  
2.3.3比較運算符025  
2.3.4邏輯運算符026  
2.3.5賦值運算符027  
2.3. 6三元運算符028  
2.3.7運算符優先級028  
2.4流程控制029  
2.5分支結構030  
2.5.1 if語句030  
2.5.2 if…else語句030  
2.5.3 if…else if語句032  
2.5.4 switch語句032  
2.5.5 【案例】查詢水果的價格034  
本章小結034  
課後練習035  

第3章JavaScript基礎（下） 036  
學習目標036  
3.1循環結構036  
3.1.1 for語句036  
3.1.2 for循環案例038  
3.1.3循環嵌套案例040  
3.1.4 while語句041  
3.1.5 do…while語句042  
3.1.6 continue關鍵字043  
3.1.7 break關鍵字043  
3.2初識數組044  
3.2.1創建數組044  
3.2.2訪問數組元素044  
3.2.3數組遍歷045  
3.3數組案例045  
3.3.1獲取數組元素中的*大值045  
3.3.2數組轉換為字符串046  
3.4數組元素操作046  
3.4.1修改數組長度046  
3.4.2新增或修改數組元素047  
3.4.3篩選數組047  
3.4.4刪除指定的數組元素048  
3.4.5反轉數組元素順序048  
3.5數組排序算法049  
3.5.1冒泡排序050  
3.5.2插入排序050  
3.6二維數組052  
3.6.1創建二維數組052  
3.6.2二維數組求和052  
3.6.3二維數組轉置053  
本章小結054  
課後練習054 
 
第4章JavaScript函數055  
學習目標055  
4.1初識函數055  
4.1.1函數的使用055  
4.1.2什麼是函數056  
4.1.3函數的參數056  
4.1.4函數參數的數量057  
4.1.5函數的返回值057  
4.2函數返回值案例058  
4.2.1利用函數求任意兩個數的*大值058  
4.2.2利用函數求任意一個數組中的*大值059  
4.2.3利用return提前終止函數059  
4.2.4利用return返回數組059  
4.3函數綜合案例060  
4.3.1利用函數求所有參數中的*大值060  
4.3. 2利用函數反轉數組元素順序061  
4.3.3利用函數判斷閏年061  
4.3.4獲取指定年份的2月份的天數061  
4.4函數進階062  
4.4.1函數表達式062  
4.4.2回調函數062  
4.4.3遞歸調用063  
4.5作用域064  
4.5.1作用域的分類064  
4.5.2全局變量和局部變量064  
4.5.3作用域鏈065  
4.6閉包函數065  
4.6.1什麼是閉包函數065  
4.6.2閉包函數的實現066  
4.7預解析066  
本章小結067  
課後練習067  

第5章JavaScript對象069  
學習目標069  
5.1初識對象069  
5.1.1什麼是對象069  
5.1.2利用字面量創建對象070  
5.1.3訪問對象的屬性和方法071  
5.1.4利用new Object創建對象071  
5.1.5利用構造函數創建對象072  
5.1.6遍歷對象的屬性和方法073  
5.2內置對象074  
5.2.1通過查閱文檔熟悉內置對象074  
5.2.2 【案例】封裝自己的數學對象076  
5.3 Math對象076  
5.3.1 Math對象的使用076  
5.3.2生成指定範圍的隨機數077  
5.3.3 【案例】猜數字遊戲077  
5.4日期對象078  
5.4.1日期對象的使用078  
5.4.2 【案例】統計代碼執行時間080  
5.4.3 【案例】倒*時080  
5.5數組對象081  
5.5.1數組類型檢測081  
5.5.2添加或刪除數組元素082  
5.5.3 【案例】篩選數組083  
5.5.4數組排序083  
5.5.5數組索引083  
5.5.6 【案例】數組去除重複元素084  
5.5.7數組轉換為字符串084  
5.5.8其他方法085  
5.6字符串對象085  
5.6.1字符串對象的使用086  
5.6.2根據字符返回位置086  
5.6.3根據位置返回字符087  
5.6.4 【案例】統計出現*多的字符和次數087  
5.6.5字符串操作方法088  
5.6.6 【案例】判斷用戶名是否合法089  
5.7值類型和引用類型089  
本章小結090  
課後練習091  

第6章DOM（上） 092  
學習目標092  
6.1 Web API簡介092  
6.1.1初識Web API 092  
6.1.2 Web API與API的關係093  
6.2 DOM簡介093  
6.2.1什麼是DOM 093  
6.2.2 DOM樹093  
6.3獲取元素094  
6.3.1根據id獲取元素094  
6.3.2根據標籤獲取元素095  
6.3.3根據name獲取元素096  
6.3.4 HTML5新增的獲取方式096  
6.3.5 document對象的屬性098  
6.4事件基礎099  
6.4.1事件概述099  
6.4.2事件三要素099  
6.5操作元素100  
6.5.1操作元素內容100  
6.5.2操作元素屬性101  
6.5.3 【案例】顯示隱藏密碼明文102  
6.5.4操作元素樣式103  
6.5.5 【案例】顯示隱藏文本框內容106  
本章小結107  
課後練習107 
 
第7章DOM（下） 109  
學習目標109  
7.1排他操作109  
7.1.1排他思想簡介109  
7.1.2 【案例】鼠標指針經過時背景變色110  
7.2屬性操作112  
7.2.1獲取屬性值112  
7.2.2設置屬性值112  
7.2.3移除屬性113  
7.2.4 【案例】Tab欄切換114  
7.3自定義屬性116  
7.3.1設置屬性值116  
7.3.2獲取屬性值117  
7.4節點基礎117  
7.4.1什麼是節點117  
7.4.2節點層級118  
7.4.3 【案例】下拉菜單121  
7.5節點操作123  
7.5.1創建節點123  
7.5.2添加和刪除節點123  
7.5.3 【案例】簡易留言板123  
7.5.4複製節點125  
7.6事件進階126  
7.6.1註冊事件126  
7.6.2刪除事件128  
7.6.3 DOM事件流128  
7.7事件對象129  
7.7.1什麼是事件對象129  
7.7.2事件對象的使用129  
7.7.3事件對象的常用屬性和方法130  
7.8鼠標事件132  
7.8.1鼠標事件的常用方法132  
7.8.2鼠標事件對象133  
7.8.3 【案例】圖片跟隨鼠標指針移動134  
7.9鍵盤事件135  
7.9.1鍵盤事件的常用方法135  
7.9.2鍵盤事件對象135  
7.9. 3 【案例】文本框提示信息136  
本章小結137  
課後練習137  

第8章BOM 140  
學習目標140  
8.1 BOM簡介140  
8.1.1什麼是BOM 140  
8.1.2 BOM與DOM的區別140  
8.1.3 BOM的構成141  
8.2 window對象的常見事件141  
8.2.1窗口加載事件141  
8.2.2調整窗口大小事件142  
8.3定時器143  
8.3.1定時器方法143  
8.3.2 【案例】3秒後自動關閉廣告144  
8.3.3 【案例】60秒內只能發送一次短信144  
8.4 JavaScript執行機制146  
8.4.1單線程146  
8.4.2同步和異步146  
8.4.3執行機制146  
8.5 location對象147  
8.5.1 URL的組成147  
8.5.2 location的常用屬性148  
8.5.3 【案例】獲取URL參數148  
8.5.4 location的常用方法149  
8.6 navigator對象149  
8.7 history對象150  
本章小結151  
課後練習151  

第9章JavaScript的網頁特效152  
學習目標152  
9.1元素偏移量offset系列152  
9.1.1 offset概述152  
9.1.2 offset與style的區別154  
9.1.3 【案例】模態框拖曳效果155  
9.1. 4 【案例】放大鏡效果159  
9.2元素可視區client系列164  
9.3元素滾動scroll系列165  
9.3.1 scroll概述165  
9.3.2 【案例】固定側邊欄效果167  
本章小結171  
課後練習171  

第10章jQuery （上） 173  
學習目標173  
10.1初識jQuery 173  
10.1.1什麼是jQuery 173  
10.1.2獲取jQuery 174  
10.1.3使用jQuery 175  
10.1.4 jQuery對象177  
10.2 jQuery選擇器178  
10.2.1基本選擇器178  
10.2.2層級選擇器179  
10.2.3篩選選擇器180  
10.2.4 【案例】下拉菜單181  
10.2.5排他思想182  
10.2.6 【案例】精品展示182  
10.2.7其他選擇器184  
10.3 jQuery樣式操作186  
10.3.1修改樣式187  
10.3.2類操作187  
10.3 .3 【案例】Tab欄切換189  
10.4 jQuery動畫190  
10.4.1顯示與隱藏效果190  
10.4.2滑動效果192  
10.4.3停止動畫193  
10.4.4淡入淡出194  
10.4.5自定義動畫195  
10.4.6 【案例】手風琴196  
本章小結199  
課後練習199 
 
第11章jQuery（下） 201  
學習目標201  
11.1 jQuery屬性操作201  
11.1.1 prop()方法201  
11.1.2 attr()方法202  
11.1.3 data()方法202  
11.1.4 【案例】購物車商品全選203  
11.2 jQuery內容操作206  
11.2 .1 jQuery中的內容操作方法206  
11.2.2 【案例】在購物車中增減商品數量207  
11.2.3 【案例】購物車商品小計208  
11.3 jQuery元素操作209  
11.3.1遍曆元素209  
11.3.2 【案例】計算購物車商品總件數和總額210  
11.3.3創建元素211  
11.3.4添加元素212  
11.3.5刪除元素212  
11.3.6 【案例】在購物車中刪除商品213  
11.3.7 【案例】在購物車中為選中的商品添加背景色213  
11.4 jQuery尺寸和位置操作214  
11.4.1尺寸方法214  
11.4.2位置方法215  
11.4.3 【案例】帶有動畫效果的返回頂部217  
11.4.4 【案例】電梯導航219  
11.5 jQuery事件221  
11.5.1事件綁定221  
11.5.2事件委派223  
11.5.3 【案例】留言板224  
11.5.4事件解綁225  
11.5.5觸發事件226  
11.5.6事件對象227  
11.6 jQuery其他方法228  
11.6.1 $ .extend()方法228  
11.6.2 $.ajax()方法229  
本章小結232  
課後練習232
  
第12章JavaScript面向對象（上） 234  
學習目標234  
12.1面向對象概述234  
12.1.1面向過程與面向對象234  
12.1.2面向對象的優勢235  
12.1.3面向對象的特徵235  
12.2 ES 6面向對象語法236  
12.2.1類和對象236  
12.2.2類的基本語法237  
12.2.3類中的方法237  
12.2.4繼承237  
12.2.5 super關鍵字238  
12.3面向對像開發標籤頁組件239  
12.3.1功能分析240  
12.3.2頁面結構240  
12.3.3切換標籤頁242  
12.3.4添加標籤頁243  
12.3.5刪除標籤頁245  
12.3.6修改標籤頁246  
本章小結247  
課後練習247 
 
第13章JavaScript面向對象（下） 249  
學習目標249  
13.1構造函數與原型對象249  
13.1.1構造函數249  
13.1.2靜態成員和實例成員250  
13.1.3構造函數和類的區別250  
13.1.4原型對象251  
13.2原型鏈251  
13.2.1訪問對象的原型對象251  
13.2 .2訪問對象的構造函數252  
13.2.3原型對象的原型對象253  
13.2.4繪製原型鏈254  
13.2.5成員查找機制255  
13.2.6 【案例】利用原型對象擴展數組方法256  
13.3 this的指向256  
13.3 .1分析this指向256  
13.3.2更改this指向257  
13.4錯誤處理258  
13.4.1如何進行錯誤處理258  
13.4.2錯誤對象的傳遞259  
13.4.3拋出錯誤對象259  
13.4.4錯誤類型260  
13.5繼承260  
13.5.1借用構造函數繼承父類屬性260  
13.5.2利用原型對象繼承父類方法261  
本章小結262  
課後練習263
  
第14章正則表達式265  
學習目標265  
14.1認識正則表達式265  
14.1.1什麼是正則表達式265  
14.1.2正則表達式的特點265  
14.1.3正則表達式的使用266  
14.1.4模式修飾符266  
14.2正則表達式中的特殊字符267  
14.2.1邊界符267  
14.2.2預定義類267  
14.2.3字符類268  
14.2.4取反符269  
14.2.5 【案例】用戶名驗證269  
14.3量詞符與括號字符270  
14.3. 1量詞符270  
14.3.2括號字符271  
14.3.3正則表達式優先級274  
14.3.4 【案例】身份證號碼驗證274  
14.4 String類中的方法275  
14.4.1 match()方法276  
14.4.2 search()方法276  
14.4.3 split()方法276  
14.4.4 replace()方法277  
14.4.5 【案例】查找並替換敏感詞277  
本章小結278  
課後練習278