jQuery Web開發案例教程

前沿科技 溫謙

  • 出版商: 人民郵電
  • 出版日期: 2022-04-01
  • 售價: $419
  • 貴賓價: 9.5$398
  • 語言: 簡體中文
  • ISBN: 7115577854
  • ISBN-13: 9787115577856
  • 相關分類: jQuery
  • 立即出貨 (庫存 < 4)

  • jQuery Web開發案例教程-preview-1
  • jQuery Web開發案例教程-preview-2
jQuery Web開發案例教程-preview-1

買這商品的人也買了...

商品描述

隨著互聯網技術的不斷發展,JavaScript語言及相關技術越來越受到人們的關註,JavaScript框架層出不窮。jQuery作為JavaScript框架中的優秀代表,為廣大開發者提供了諸多便利,持久地占據著Web前端開發技術中的重要位置。

本書分為上下兩篇,通過豐富的實例詳細講解jQuery框架的相關技術。本書上篇會針對jQuery基礎知識,以及選擇器、控制DOM、事件、AJAX、動畫、插件等專題進行深入講解,這一部分將重點通過應用和案例來講解實戰問題。本書下篇會通過5個綜合實例,完整地演示使用jQuery進行綜合項目開發的過程,使讀者能夠真正地將jQuery應用到真實的項目開發環節中,並對Web前端的工程化有所認知。本書內容翔實、結構框架清晰、講解循序漸進,並註重各章以及實例之間的呼應與對照。

本書既可以作為高等院校相關專業網頁設計與製作、前端開發等課程的教材,也可以作為jQuery初學者的入門用書,還可以作為高級用戶進一步學習相關技術的參考資料。

作者簡介

温谦:

## 全栈工程师,前沿科技创始人,现从事企业大型软件系统的分析与开发工作,拥有20年的软件开发经验,主持并成功开发了多个复杂系统,项目实战经验丰富。

## 常销书作者,毕业于华中科技大学计算机专业,主编网页设计与软件开发相关领域图书共12本,图书编写经验颇丰,其中《HTML+CSS网页设计与布局从入门到精通》《网页设计与布局项目化教程(HTML+CSS+DIV)》等图书常销10余年,被百余所高校选作教材。

目錄大綱

## 章名目錄

【上篇】 jQurey基礎篇

第 1章 jQuery基礎

第 2章 HTML5、CSS3和JavaScript基礎知識

第3章 jQuery選擇器與管理結果集

第4章 使用jQuery控制DOM

第5章 jQuery事件

第6章 jQuery的功能函數

第7章 jQuery與AJAX

第8章 利用jQuery製作動畫與特效

第9章 jQuery插件

【下篇】 jQuery綜合實例篇

第 10章 綜合實例一:網頁留言本

第 11章 綜合實例二:網絡相冊

第 12章 綜合實例三:交互式流量套餐選擇頁面

第 13章 綜合實例四:網頁圖片剪裁器

第 14章 綜合實例五:前端工程化

## 詳細目錄

【上篇】 jQurey基礎篇

第 1章 jQuery基礎

1.1 jQuery概述 2

1.1.1 jQuery簡介 2

1.1.2 下載並使用jQuery 3

1.2 jQuery的$ 4

1.2.1 選擇器 4

1.2.2 功能函數的前綴 6

1.2.3 window.onload 6

1.2.4 創建DOM元素 7

1.2.5 擴展jQuery 8

1.2.6 沖突問題 9

1.3 使用VSCode編寫第 一個jQuery頁面 10

1.3.1 創建基礎的HTML文檔 10

1.3.2 編寫jQuery代碼 11

本章小結 12

習題1 12

第 2章 HTML5、CSS3和JavaScript基礎知識

2.1 ES6的新特性 14

2.1.1 let關鍵字 15

2.1.2 const關鍵字 15

2.1.3 for…of循環 16

2.1.4 字符串模板 16

2.1.5 參數默認值 17

2.1.6 類與繼承 17

2.1.7 箭頭函數 18

2.1.8 剩餘運算符與剩餘參數 20

2.1.9 展開運算符 20

2.1.10 數組的解構賦值 21

2.1.11 對象的解構賦值 21

2.1.12 模塊 22

2.2 HTML5新增的語義化標記 23

2.3 CSS3引入的常用新特性 24

2.3.1 CSS3新增的常用樣式屬性 25

2.3.2 新增的佈局方式——彈性盒子佈局 27

2.3.3 新增的佈局方式——網格佈局 28

本章小結 29

習題2 29

第3章 jQuery選擇器與管理結果集

3.1 選擇器 30

3.1.1 屬性選擇器 31

3.1.2 包含選擇器 33

3.1.3 位置選擇器 34

3.1.4 過濾選擇器 37

3.1.5 反向選擇器 39

3.2 遍歷DOM 39

3.2.1 children() 40

3.2.2 parent()和parents() 42

3.2.3 siblings() 44

3.3 管理結果集 45

3.3.1 獲取選中元素的個數 46

3.3.2 提取元素 47

3.3.3 添加、刪除、過濾 49

3.3.4 查找 52

3.3.5 遍歷 53

3.4 jQuery鏈 54

本章小結 54

習題3 55

第4章 使用jQuery控制DOM

4.1 網頁中的DOM框架 57

4.2 DOM中的節點 57

4.2.1 元素節點 58

4.2.2 文本節點 58

4.2.3 屬性節點 58

4.3 標記的屬性 58

4.3.1 獲取屬性的值 59

4.3.2 設置屬性的值 60

4.3.3 刪除屬性 62

4.4 元素的樣式 62

4.4.1 添加、刪除CSS類別 63

4.4.2 動態切換 63

4.4.3 直接獲取、設置樣式 64

4.5 頁面的元素 66

4.5.1 直接獲取和編輯內容 66

4.5.2 添加元素 68

4.5.3 刪除元素 72

4.5.4 克隆元素 74

4.6 表單元素的值 75

4.6.1 獲取表單元素的值 75

4.6.2 設置表單元素的值 77

4.7 元素的尺寸 77

4.7.1 width()和height()方法 78

4.7.2 innerWidth()和innerHeight()方法 79

4.7.3 outerWidth()和outerHeight()方法 80

4.8 元素的位置 81

4.8.1 offset()方法 81

4.8.2 position()方法 82

4.8.3 scrollTop()方法 83

本章小結 84

習題4 84

第5章 jQuery事件

5.1 事件與事件流 86

5.2 事件監聽 87

5.2.1 bind()方法 87

5.2.2 one()方法 89

5.2.3 JavaScript的事件監聽 90

5.3 事件刪除 92

5.4 事件對象 93

5.5 事件觸發 95

5.6 事件的動態交替 96

5.6.1 hover事件的交替 96

5.6.2 click事件的交替 97

5.7 事件委托 98

5.8 綜合實例:快餐在線 100

5.8.1 框架搭建 100

5.8.2 添加事件 101

5.8.3 樣式 104

本章小結 106

習題5 107

第6章 jQuery的功能函數

6.1 處理JavaScript對象 108

6.1.1 遍歷 108

6.1.2 數據過濾 110

6.1.3 數組的轉化 112

6.1.4 數組元素的查找 114

6.2 獲取外部代碼 115

6.3 $.data()方法 116

6.4 $.extend()方法 118

6.5 類型判斷 119

本章小結 120

習題6 121

第7章 jQuery與AJAX

7.1 認識AJAX 122

7.1.1 AJAX的基本概念 122

7.1.2 AJAX的組成 124

7.2 獲取異步數據 124

7.2.1 傳統方法 124

7.2.2 jQuery的load()方法 126

7.3 GET與POST 128

7.4 控制AJAX 130

7.4.1 設置AJAX訪問服務器的細節 130

7.4.2 全局設定AJAX 133

7.4.3 AJAX事件 133

7.4.4 實例:模擬百度的數據加載 135

7.5 實例:利用jQuery製作自動提示的文本框 137

7.5.1 框架結構 138

7.5.2 匹配用戶輸入 139

7.5.3 顯示/清除提示框 139

本章小結 143

習題7 143

第8章 利用jQuery製作動畫與特效

8.1 元素的顯示和隱藏 145

8.1.1 show()和hide() 145

8.1.2 實例:多級菜單 146

8.1.3 toggle() 148

8.2 淡入淡出的特效 149

8.2.1 再探討show()、hide()和toggle() 149

8.2.2 fadeIn()和fadeOut() 150

8.2.3 自定義變化透明度 151

8.3 幻燈片特效 153

8.4 自定義動畫 155

本章小結 156

習題8 156

第9章 jQuery插件

9.1 模擬加入購物車 158

9.1.1 鼠標拖曳 158

9.1.2 拖入購物車 162

9.1.3 模態框提示 163

9.2 流行的Tab菜單 167

9.3 輪播圖 170

9.3.1 使用輪播圖插件前的準備 170

9.3.2 使用輪播圖插件 171

9.3.3 調整輪播圖效果 172

本章小結 174

習題9 174

【下篇】 jQuery綜合實例篇

第 10章 綜合實例一:網頁留言本

10.1 基本留言本 177

10.2 改用AJAX方式實現留言本 179

10.2.1 讀取留言列表 180

10.2.2 保存並返回新留言 180

10.2.3 製作留言本入口頁面 180

10.3 對表單數據進行驗證 182

本章小結 184

第 11章 綜合實例二:網絡相冊

11.1 整體分析 185

11.2 模塊拆分 186

11.2.1 縮略圖排列 186

11.2.2 縮略圖提示 189

11.2.3 顯示大圖 189

11.3 功能細化 191

11.3.1 初始化頁面 191

11.3.2 單擊縮略圖 191

11.3.3 關閉按鈕 192

11.3.4 大圖瀏覽 193

本章小結 195

第 12章 綜合實例三:交互式流量套餐選擇頁面

12.1 表格框架 197

12.1.1 表格 197

12.1.2 選擇套餐 198

12.1.3 商用頁面 199

12.2 交互選擇 201

12.3 註冊單 202

12.3.1 註冊單框架 202

12.3.2 註冊單的顯示和隱藏 204

12.3.3 AJAX校驗 206

12.3.4 密碼校驗 208

12.3.5 AJAX提交 208

本章小結 210

第 13章 綜合實例四:網頁圖片剪裁器

13.1 整體分析 212

13.2 頁面HTML結構和CSS樣式 213

13.2.1 HTML結構 213

13.2.2 選區部分的結構與樣式 214

13.3 實現核心邏輯 215

13.3.1 定義基礎類 215

13.3.2 定義Cropper類 217

13.4 使用jQuery處理交互 221

13.4.1 初始化圖像 221

13.4.2 控制選區 222

13.4.3 最終剪裁 226

本章小結 227

第 14章 綜合實例五:前端工程化

14.1 在瀏覽器中監視與調試 228

14.1.1 使用console.log()和alert()方法監視輸出值 228

14.1.2 使用調試器 230

14.2 JavaScript優化 232

14.2.1 壓縮代碼量 232

14.2.2 變量作用域 234

14.2.3 使用內置函數 236

14.2.4 優化if語句 237

14.2.5 最小化語句數量 237

14.2.6 減少DOM操作 238

14.3 使用webpack構建系統 238

14.3.1 安裝Node.js環境 239

14.3.2 準備項目文件 240

14.3.3 安裝webpack及相關組件 241

14.3.4 預覽與調試 244

14.3.5 打包 246

本章小結 248