JavaScript+jQuery Web开发案例教程 在线实训版

丛书特色： （1）编排丰富实战案例，可扫前言二维码进行快速预览。 （2）提供在线实训平台（http://code.artech.cn），支撑随时开展全书案例实战演练。 （3）开源分阶实战项目（http://www.geekfun.website），助力不同层次读者（学生）获取企业实战项目开发能力。 （4）配套多类教辅资源，包含文本类、视频类（微课视频）、案例类、平台类等。 （5）建立教师服务与交流群（QQ群号：368845661），立体化服务院校教师教学。 特别说明： 为了使本书中的案例作用优选化，我们专门为其提供了“在线实训平台”（http://code.artech.cn）。该平台的具体功能介绍如下。 【在线实训平台】功能： （1）教师可以利用该平台，在上课过程中直接演练（展示）书中的所有案例，并可通过实时的运行结果同步讲解相关知识点和技能。 （2）师生可以通过该平台观看全书导学、原理讲解、案例讲解等视频，配合实操演练，随时随地进行学习，支持开展线上线下混合式教学。 （3）学生可以在课前或课后通过该平台，实操练习书中的所有案例，实时查看代码运行结果，而且所有案例代码均支持复制与还原。 （4）学生还可以通过该平台实操练习各章课后的实操题，并可通过微信分享功能，将实操的结果分享给其他人，如分享给老师进行审阅。 说明：扫描“从书序中的二维码”可以了解该平台的具体使用方法，教师也可通过“教师用书指导手册”了解该平台的具体操作步骤。

随着互联网技术的不断发展，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简介
1．1程序设计语言与JavaScript02
1．2JavaScript的起源、发展与标准化06
1．2．1起源06
1．2．2博弈与发展07
1．2．3标准的制定07
1．3JavaScript的组成08
1．3．1ECMAScript08
1．3．2DOM08
1．3．3BOM09
1．3．4新的开始09
1．4Web标准10
1．4．1Web标准概述10
1．4．2结构、表现、行为的分离11
1．4．3前/后端分离成为Web页面开发的主流模式12
本章小结13
习题113
第2章JavaScript基础
2．1JavaScript的基本语法14
2．2使用VSCode编写第一个包含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
习题234
第3章程序控制流与函数
3．1顺序结构：赋值语句与表达式35
3．2分支结构：条件语句37
3．2．1比较运算符37
3．2．2逻辑运算符37
3．2．3if语句38
3．2．4switch语句39
3．3循环语句41
3．3．1while语句41
3．3．2do…while语句41
3．3．3for语句42
3．3．4break和continue语句43
3．3．5实例：九九乘法表45
3．3．6for…of语句46
3．3．7for…in语句47
3．4函数48
3．4．1定义函数的基本方法48
3．4．2arguments对象50
3．4．3实例：杨辉三角51
3．4．4变量的作用域53
3．4．5函数作为函数的参数55
3．4．6箭头函数57
3．5异常处理58
本章小结60
习题361
第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．1Boolean77
4．4．2Number77
4．4．3String78
4．5BOM简介79
4．5．1window对象79
4．5．2location对象82
4．5．3navigator对象83
4．5．4screen对象85
4．5．5history对象85
本章小结88
习题488
第5章在JavaScript中使用集合
5．1数组90
5．1．1数组的基本操作90
5．1．2作为不同数据结构的数组92
5．2对象96
5．3集合类型98
5．3．1Map集合98
5．3．2Set集合99
本章小结101
习题5101
第6章类与原型链
6．1使用类语法实现封装103
6．1．1类的声明与定义103
6．1．2通过类创建对象104
6．1．3定义方法与调用方法105
6．1．4存取器106
6．1．5static108
6．1．6instanceof运算符108
6．2使用类语法实现继承109
6．3基于构造函数和原型的面向对象机制112
6．3．1封装112
6．3．2继承113
6．3．3原型与原型链115
本章小结118
习题6118
第7章DOM
7．1网页中的DOM框架120
7．2DOM中的节点121
7．2．1元素节点121
7．2．2文本节点122
7．2．3属性节点122
7．3通过JavaScript访问DOM122
7．3．1访问节点123
7．3．2检测节点类型124
7．3．3父子兄关系125
7．3．4节点的属性128
7．3．5创建和操作节点129
7．4DOM与CSS132
7．4．1HTML、CSS、JavaScript三位一体133
7．4．2className属性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
习题7146
第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．1jQuery概述168
9．1．1jQuery简介168
9．1．2下载并使用jQuery169
9．2jQuery的$170
9．2．1选择器170
9．2．2功能函数前缀172
9．2．3window．onload173
9．2．4创建DOM元素173
9．2．5扩展jQuery174
9．2．6冲突问题176
本章小结176
习题9176
第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遍历DOM187
10．2．1children()187
10．2．2parent()和parents()189
10．2．3siblings()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．4jQuery链202
本章小结202
习题10203
第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
习题11224
第12章jQuery事件
12．1事件监听226
12．2删除事件229
12．3事件对象230
12．4事件触发232
12．5事件的动态交替233
12．5．1hover事件的交替233
12．5．2click事件的交替234
12．6事件委托235
12．7实例：快餐在线237
12．7．1框架搭建237
12．7．2添加事件239
12．7．3样式241
本章小结244
习题12244
第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
习题13254
第14章jQuery与AJAX
14．1认识AJAX255
14．1．1AJAX的基本概念255
14．1．2AJAX的组成部分257
14．2获取异步数据258
14．2．1传统方法258
14．2．2jQuery的load()方法259
14．3GET与POST261
14．4控制AJAX263
14．4．1设置AJAX访问服务器的细节263
14．4．2全局设定AJAX266
14．4．3AJAX事件267
14．4．4实例：模拟百度的数据加载269
14．5实例：利用jQuery制作自动提示的文本框271
14．5．1框架结构271
14．5．2匹配用户输入272
14．5．3显示清除提示框273
本章小结277
习题14277
第15章jQuery制作动画与特效
15．1元素的显示和隐藏279
15．1．1show()和hide()279
15．1．2实例：多级菜单280
15．1．3toggle()282
15．2淡入淡出的特效283
15．2．1再探讨show()、hide()和toggle()283
15．2．2fadeIn()和fadeOut()284
15．2．3自定义变化透明度286
15．3幻灯片特效287
15．4自定义动画289
本章小结290
习题15290
第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
习题16308
第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．1HTML结构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