JavaScript+jQuery Web开发案例教程

图书标准信息

• 作者 前沿科技 温谦
• 出版社 人民邮电出版社
• 出版时间 2022-05
• 版次 1
• ISBN 9787115577535
• 定价 69.80元
• 装帧 其他
• 开本 其他
• 纸张 胶版纸
• 页数 332页
• 字数 573千字

【内容简介】

随着互联网技术的不断发展，JavaScript语言及其相关技术越来越受到人们的关注，同时JavaScript框架也层出不穷。jQuery作为JavaScript框架中的优秀代表，为广大开发者提供了诸多便利，持久地占据着Web开发技术中的重要位置。
  本书内容翔实、结构框架清晰、讲解循序渐进，共分上下两篇。上篇为JavaScript程序开发（共8章），以ES6为标准，讲解了JavaScript的基础概念、程序控制流、函数、对象、集合、ES6中引入的类操作以及背后的原型链等核心知识，同时介绍了通过原生API访问DOM的方法。此外，在第8章中讲解了一个完整的渐进式综合案例的开发，在综合案例中通过反复迭代，不断改进内部逻辑，给读者提供了一个透彻理解Web开发实践的示范。下篇为jQuery程序开发（共10章），通过丰富的案例详细讲解了jQuery框架的相关技术，主要包括jQuery的基础、如何使用jQuery控制页面、制作动画与特效、简化AJAX操作以及jQuery插件等。本书讲解的重点在于简化JavaScript程序开发的步骤，注重实例之间的对比与递进，充分展示了jQuery所带来的变化。后通过综合案例，让读者进一步巩固所学知识，提高综合应用所学知识的能力。
  本书既可以作为高等院校相关专业的网页设计与制作、前端开发等课程的教材，也可以作为JavaScript、jQuery初学者的入门用书，还可以作为高级用户进一步学习相关语言与框架的参考资料。

【作者简介】

温谦：

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

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

【目录】

## 章名目录

【上篇】 JavaScript程序开发

第 1章 JavaScript简介

第 2章 JavaScript基础

第3章 程序控制流与函数

第4章 JavaScript中的对象

第5章 在JavaScript中使用集合

第6章 类与原型链

第7章 DOM

第8章 综合案例一：以迭代方式开发计算器

【下篇】 jQuery程序开发

第9章 jQuery基础

第 10章 jQuery选择器与管理结果集

第 11章 使用jQuery控制DOM

第 12章 jQuery事件

第 13章 jQuery的功能函数

第 14章 jQuery与AJAX

第 15章 jQuery制作动画与特效

第 16章 jQuery插件

第 17章 综合案例二：网页留言本

第 18章 综合案例三：网页图片剪裁器

## 详细目录

【上篇】 JavaScript程序开发

第 1章 JavaScript简介

1.1 程序设计语言与JavaScript 02

1.2 JavaScript的起源、发展与标准化 06

1.2.1 起源 06

1.2.2 博弈与发展 07

1.2.3 标准的制定 07

1.3 JavaScript的组成 08

1.3.1 ECMAScript 08

1.3.2 DOM 08

1.3.3 BOM 09

1.3.4 新的开始 09

1.4 Web标准 10

1.4.1 Web标准概述 10

1.4.2 结构、表现、行为的分离 11

1.4.3 前 后端分离成为Web页面开发的主流模式 12

本章小结 13

习题１ 13

第 2章 JavaScript基础

2.1 JavaScript的基本语法 14

2.2 使用VS Code编写第 一个包含JavaScript代码的页面 16

2.2.1 创建基础的HTML文件 16

2.2.2 编写JavaScript代码 17

2.2.3 在浏览器中查看与调试代码 18

2.3 关键字与保留字 20

2.4 变量 21

2.5 数据类型 23

2.5.1 数值型 23

2.5.2 字符串型 24

2.5.3 布尔型 27

2.5.4 数据类型转换 28

2.5.5 数组 30

本章小结 34

习题2 34

第3章 程序控制流与函数

3.1 顺序结构：赋值语句与表达式 35

3.2 分支结构：条件语句 37

3.2.1 比较运算符 37

3.2.2 逻辑运算符 37

3.2.3 if语句 38

3.2.4 switch语句 39

3.3 循环语句 41

3.3.1 while语句 41

3.3.2 do…while语句 41

3.3.3 for语句 42

3.3.4 break和continue语句 43

3.3.5 实例：九九乘法表 45

3.3.6 for…of语句 46

3.3.7 for…in语句 47

3.4 函数 48

3.4.1 定义函数的基本方法 48

3.4.2 arguments对象 50

3.4.3 实例：杨辉三角 51

3.4.4 变量的作用域 53

3.4.5 函数作为函数的参数 55

3.4.6 箭头函数 57

3.5 异常处理 58

本章小结 60

习题3 61

第4章 JavaScript中的对象

4.1 理解对象的含义 62

4.1.1 理解常见的“类-对象”结构 63

4.1.2 理解JavaScript中的对象 64

4.1.3 在JavaScript中创建对象 65

4.2 时间日期：Date对象 70

4.3 数学计算：Math对象 73

4.4 基本类型与装箱 76

4.4.1 Boolean 77

4.4.2 Number 77

4.4.3 String 78

4.5 BOM简介 79

4.5.1 window对象 79

4.5.2 location对象 82

4.5.3 navigator对象 83

4.5.4 screen对象 85

4.5.5 history对象 85

本章小结 88

习题4 88

第5章 在JavaScript中使用集合

5.1 数组 90

5.1.1 数组的基本操作 90

5.1.2 作为不同数据结构的数组 92

5.2 对象 96

5.3 集合类型 98

5.3.1 Map集合 98

5.3.2 Set集合 99

本章小结 101

习题5 101

第6章 类与原型链

6.1 使用类语法实现封装 103

6.1.1 类的声明与定义 103

6.1.2 通过类创建对象 104

6.1.3 定义方法与调用方法 105

6.1.4 存取器 106

6.1.5 static 108

6.1.6 instanceof运算符 108

6.2 使用类语法实现继承 109

6.3 基于构造函数和原型的面向对象机制 112

6.3.1 封装 112

6.3.2 继承 113

6.3.3 原型与原型链 115

本章小结 118

习题6 118

第7章 DOM

7.1 网页中的DOM框架 120

7.2 DOM中的节点 121

7.2.1 元素节点 121

7.2.2 文本节点 122

7.2.3 属性节点 122

7.3 通过JavaScript访问DOM 122

7.3.1 访问节点 123

7.3.2 检测节点类型 124

7.3.3 父子兄关系 125

7.3.4 节点的属性 128

7.3.5 创建和操作节点 129

7.4 DOM与CSS 132

7.4.1 HTML、CSS、JavaScript三位一体 133

7.4.2 className属性 133

7.5 事件 134

7.5.1 事件与事件流 135

7.5.2 事件监听 136

7.5.3 事件对象 138

7.6 动手实践：动态控制表格 139

7.6.1 动态添加 140

7.6.2 修改单元格内容 142

7.6.3 动态删除 143

本章小结 146

习题7 146

第8章 综合案例一：以迭代方式开发计算器

8.1 案例概述 147

8.2 更新屏幕 149

8.3 按钮操作 150

8.4 输入数字 151

8.5 输入小数点 153

8.6 处理运算符 153

8.7 重置计算器 156

8.8 修复小数点错误 157

8.9 重构事件监听器 157

8.10 浮点精度 158

*8.11 实现先乘除后加减 158

*8.12 实现支持括号 160

本章小结 165

【下篇】 jQuery程序开发

第9章 jQuery基础

9.1 jQuery概述 168

9.1.1 jQuery简介 168

9.1.2 下载并使用jQuery 169

9.2 jQuery的$ 170

9.2.1 选择器 170

9.2.2 功能函数前缀 172

9.2.3 window.onload 173

9.2.4 创建DOM元素 173

9.2.5 扩展jQuery 174

9.2.6 冲突问题 176

本章小结 176

习题9 176

第 10章 jQuery选择器与管理结果集

10.1 选择器 178

10.1.1 属性选择器 178

10.1.2 包含选择器 180

10.1.3 位置选择器 181

10.1.4 过滤选择器 184

10.1.5 反向选择器 186

10.2 遍历DOM 187

10.2.1 children() 187

10.2.2 parent()和parents() 189

10.2.3 siblings() 191

10.3 管理结果集 193

10.3.1 获取选中元素的个数 193

10.3.2 提取元素 194

10.3.3 添加、删除、过滤 196

10.3.4 查找 200

10.3.5 遍历 201

10.4 jQuery链 202

本章小结 202

习题10 203

第 11章 使用jQuery控制DOM

11.1 标记的属性 204

11.1.1 获取属性的值 205

11.1.2 设置属性的值 206

11.1.3 删除属性 208

11.2 元素的样式 209

11.2.1 添加、删除CSS类别 209

11.2.2 动态切换 210

11.2.3 直接获取、设置样式 210

11.3 页面的元素 212

11.3.1 直接获取和编辑内容 212

11.3.2 添加元素 214

11.3.3 删除元素 218

11.3.4 克隆元素 220

11.4 表单元素的值 222

11.4.1 获取表单元素的值 222

11.4.2 设置表单元素的值 223

本章小结 224

习题11 224

第 12章 jQuery事件

12.1 事件监听 226

12.2 删除事件 229

12.3 事件对象 230

12.4 事件触发 232

12.5 事件的动态交替 233

12.5.1 hover事件的交替 233

12.5.2 click事件的交替 234

12.6 事件委托 235

12.7 实例：快餐在线 237

12.7.1 框架搭建 237

12.7.2 添加事件 239

12.7.3 样式 241

本章小结 244

习题12 244

第 13章 jQuery的功能函数

13.1 处理JavaScript对象 245

13.1.1 遍历 245

13.1.2 数据过滤 247

13.1.3 数组的转化 248

13.1.4 数组元素的查找 251

13.2 获取外部代码 252

本章小结 253

习题13 254

第 14章 jQuery与AJAX

14.1 认识AJAX 255

14.1.1 AJAX的基本概念 255

14.1.2 AJAX的组成部分 257

14.2 获取异步数据 258

14.2.1 传统方法 258

14.2.2 jQuery的load()方法 259

14.3 GET与POST 261

14.4 控制AJAX 263

14.4.1 设置AJAX访问服务器的细节 263

14.4.2 全局设定AJAX 266

14.4.3 AJAX事件 267

14.4.4 实例：模拟百度的数据加载 269

14.5 实例：利用jQuery制作自动提示的文本框 271

14.5.1 框架结构 271

14.5.2 匹配用户输入 272

14.5.3 显示清除提示框 273

本章小结 277

习题14 277

第 15章 jQuery制作动画与特效

15.1 元素的显示和隐藏 279

15.1.1 show()和hide() 279

15.1.2 实例：多级菜单 280

15.1.3 toggle() 282

15.2 淡入淡出的特效 283

15.2.1 再探讨show()、hide()和toggle() 283

15.2.2 fadeIn()和fadeOut() 284

15.2.3 自定义变化透明度 286

15.3 幻灯片特效 287

15.4 自定义动画 289

本章小结 290

习题15 290

第 16章 jQuery插件

16.1 模拟加入购物车 292

16.1.1 鼠标拖曳 292

16.1.2 拖入购物车 296

16.1.3 模态框提示 298

16.2 流行的Tab菜单 300

16.3 轮播图 303

16.3.1 使用前准备 304

16.3.2 使用轮播图插件 304

16.3.3 调整轮播图效果 306

本章小结 308

习题16 308

第 17章 综合案例二：网页留言本

17.1 基本留言本 309

17.2 改用AJAX方式实现留言本 311

17.2.1 读取留言列表 311

17.2.2 保存并返回新留言 312

17.2.3 留言本入口页面 312

17.3 对表单数据进行验证 314

本章小结 315

第 18章 综合案例三：网页图片剪裁器

18.1 整体分析 317

18.2 页面HTML结构和CSS样式 318

18.2.1 HTML结构 318

18.2.2 选区部分的结构与样式 319

18.3 实现核心逻辑 320

18.3.1 定义基础类 320

18.3.2 定义Cropper类 322

18.4 使用jQuery处理交互逻辑 326

18.4.1 初始化图片 326

18.4.2 控制选区 327

18.4.3 终剪裁 331

本章小结 332