《JavaScript jQuery动态网页设计技术（微课版）》循序渐进地介绍了JavaScript的开发技术，详细讲解了JavaScript的核心知识，并在此基础上深入分析了jQuery框架的使用方法。《JavaScript jQuery动态网页设计技术（微课版）》的内容主要包括JavaScript基本语法、数据类型、程序流程控制、函数的定义和调用、JavaScript的内置对象、BOM对象、DOM对象、事件等基础知识，以及正则表达式、jQuery元素操作、jQuery事件、jQuery动画和Ajax等扩展知识。此外，每个重要知识点，都配有典型的实训案例，每一章都安排了丰富的、有针对性的练习题，以帮助读者巩固所学的知识，培养解决实际问题的能力。 《JavaScript jQuery动态网页设计技术（微课版）》内容全面、示例翔实、案例实用、配套资源丰富，语言简洁流畅，易于理解，既可以作为高职院校计算机、网络、软件等专业及相关专业的教材，也可以作为Web 前端开发及维护人员的学习参考书。

JavaScript jQuery课程是软件技术及相关专业的专业课，着重培养学生的交互页面设计、网页特效设计、网页动画设计等互联网交互设计能力，是核心的Web前端技术之一。该课程详细介绍了JavaScript的基本语法、数据类型和运算符、流程控制、函数、对象、BOM、DOM、事件等基础知识，以及正则表达式、jQuery的元素操作、jQuery的DOM操作、jQuery的事件和动画等知识，并介绍了许多实用性案例。本课程内容丰富全面，结合实际应用进行案例设计，从基础到高级的阶梯方式进行讲解。教材知识结合微课视频，对每一个知识点都要详细、生动的讲解。

　　JavaScript是一种脚本语言，从诞生至今广泛应用于Web开发，可以对用户操作进行响应，实现实时的、动态的、可交互性的功能，为用户提供流畅美观的浏览效果。近几年，互联网行业对用户体验的要求越来越高，前端开发技术越来越受到重视，JavaScript作为Web前端开发领域中一门重要的语言，如何能够快速、全面、系统地掌握它的应用，成为Web开发人员的迫切需求。
　　本书面向具有网页(HTML、CSS)基础的人群，讲解如何将JavaScript与HTML、CSS相结合，开发交互性强的网页。本书遵循学习者的认知规律和技能的形成规律，通过先易后难、从简入繁、从基础到高级的阶梯方式逐步深入讲解，采用知识讲解＋案例实践的混合方式来安排内容，以真实网站开发中的案例作为教学案例，让读者在理解掌握基本知识的同时，能根据实际需求进行扩展与提高，达到学用结合的效果。
　　本书的内容主要包括JavaScript基本语法、函数、对象、BOM、DOM、事件等基础知识，以及正则表达式、jQuery、Ajax等扩展知识。全书共分为13章，每章简要介绍如下。
　　第1章主要讲解JavaScript脚本语言的主要特征、开发环境、引用方法、数据输出方法，以及JavaScript程序调试运行过程中常用的消息输出框等。
　　第2～3章主要讲解JavaScript脚本语言的基本数据类型、运算符和JavaScript语言的流程控制，并设计了实训案例温度转换九九乘法表等对重点知识进行强化。
　　第4章主要讲解JavaScript语言函数的定义和引用方法、函数参数和返回值，并设计了实训案例社区便利店收银系统帮助读者理解掌握。
　　第5章主要讲解对象的基本概念和JavaScript中常用的内置对象，实训案例是表单信息获取。
　　第6～7章主要讲解BOM对象和DOM对象的操作，并设计了实训案例抢购倒计时 标签栏切换和图片放大特效等加强对知识的理解和应用。
　　第8章主要讲解JavaScript系统常用的事件，并通过具体的应用案例50以内加法训练系统对事件及其事件处理程序进行详细讲解。
　　第9章主要讲解正则表达式的概念、正则表达式的语法规则、与正则相关的方法和属性，通过案例表单信息验证介绍正则表达式在网页设计中的应用。
　　第10～12章主要讲解jQuery的使用，包括jQuery选择器、jQuery事件、jQuery动画设计技术等，并通过实训案例横向选项卡项目提成计算器无缝轮播图等达到对知识的学以致用。
　　第13章主要讲解Ajax对象的属性和方法、Ajax?的核心对象?XMLHttpRequest以及 jQuery?中的?Ajax?方法，并通过案例上传文件进度条介绍Ajax的应用。
　　本书内容丰富、结构合理、示例翔实。在每一章的正文中，结合案例讲解基础知识和关键技术，并穿插大量实用的案例，加强对知识的理解和掌握。每一章末尾都安排了丰富的、有针对性的练习题，有助于读者巩固所学的知识、掌握实际应用技术、培养解决实际问题的能力。
　　本书编写时，响应国家提出的思政进课堂的要求，内容选取上达到既培养读者技能，也提高读者德育的目标。书中案例设计精细实用，培养读者仔细认真、精益求精的大国工匠精神。案例代码按照流行的网页设计规范和JavaScript代码编写规范，培养读者严谨规范的编码风格。配套习题既有难度又有高度，培养读者理论联系实际、分析问题、解决问题的动手能力。
　　在本书编写中，软通动力信息技术(集团)股份有限公司的主任工程师王海明对采用的案例进行了设计和审核，使得教材中的案例既能满足教学需要，又能满足实际开发需求。
　　本书既可以作为高等职业院校计算机、网络、软件等专业及相关专业的教材，也可以作为Web前端开发人员的学习参考书。
　　
　　
　　
　　
　　编　者　

王云晓，山东水利职业学院副教授，国家软件测试工程师（四级），软件设计师（中级）。主要从事软件开发、网站建设等方面的教学和研究工作，参加学生顶岗实习管理系统、边检考试管理系统等多个软件系统的开发。发表论文十几篇，其中4篇EI检索。主编教材《HTML5 CSS3网页设计基础》（清华大学出版社）、《C语言程序设计实训教程》（中国石油大学出版社）、《网页制作与设计》（清华大学出版社）等。

第1章 JavaScript概述 1
1.1 初识JavaScript 1
1.1.1 JavaScript简介 1
1.1.2 JavaScript的发展 1
1.1.3 JavaScript的特点 2
1.1.4 JavaScript的用途 2
1.2 开发环境 3
1.2.1 代码编辑器 3
1.2.2 JavaScript程序的编写和运行 3
1.3 JavaScript的引入和调试方法 4
1.3.1 网页中引入JavaScript的方法 5
1.3.2 常用输出语句 6
1.4 JavaScript的消息框 7
1.5 实训案例 9
1.6 本章小结 11
1.7 练习题 11
第2章 数据类型和运算符 12
2.1 JavaScript的语法规则 12
2.1.1 区分大小写 12
2.1.2 代码的格式 12
2.1.3 代码的注释 12
2.1.4 标识符 13
2.1.5 保留字 13
2.2 变量 14
2.2.1 变量的声明 14
2.2.2 变量的赋值 14
2.3 数据类型 15
2.3.1 基本数据类型 15
2.3.2 数据类型转换 17
2.4 运算符 19
2.4.1 算术运算符 20
2.4.2 字符串运算符 21
2.4.3 赋值运算符 21
2.4.4 关系运算符 22
2.4.5 逻辑运算符 23
2.4.6 条件运算符 24
2.4.7 位运算符 24
2.4.8 运算符的优先级 25
2.5 实训案例 26
2.6 本章小结 27
2.7 练习题 27
第3章 JavaScript的流程控制 29
3.1 选择结构 29
3.1.1 单分支语句 29
3.1.2 双分支语句 30
3.1.3 多分支语句 30
3.1.4 switch语句 32
3.2 循环结构 33
3.2.1 while语句 33
3.2.2 do…while语句 34
3.2.3 for语句 34
3.2.4 for…in语句 35
3.2.5 嵌套循环 36
3.3 跳转语句 37
3.3.1 break语句 37
3.3.2 continue语句 38
3.4 实训案例 39
3.5 本章小结 41
3.6 练习题 41
第4章 函数 43
4.1 函数的定义和调用 43
4.1.1 函数的定义 43
4.1.2 函数的调用 44
4.2 函数参数 45
4.2.1 无参函数 45
4.2.2 有参函数 45
4.2.3 数组参数 47
4.3 函数的返回值 48
4.4 变量的作用域 48
4.5 函数的嵌套和递归 49
4.5.1 嵌套函数 49
4.5.2 递归函数 50
4.6 函数类型 52
4.6.1 函数表达式 52
4.6.2 匿名函数 52
4.7 实训案例 53
4.8 本章小结 56
4.9 练习题 56
第5章 JavaScript中的对象 59
5.1 面向对象概述 59
5.1.1 面向对象的基本概念 59
5.1.2 面向对象程序设计特点 59
5.1.3 对象的属性和方法 60
5.2 创建JavaScript对象 60
5.2.1 用对象文字方法创建对象 61
5.2.2 用new方法动态创建对象 62
5.2.3 用工厂方式创建对象 62
5.2.4 用构造函数创建对象 63
5.3 内置对象 64
5.3.1 String对象 64
5.3.2 Number对象 66
5.3.3 Math对象 67
5.3.4 Date对象 68
5.3.5 Array对象 70
5.4 实训案例 76
5.5 本章小结 78
5.6 练习题 78
第6章 BOM对象 80
6.1 BOM对象简介 80
6.2 window对象 81
6.2.1 弹出对话框和窗口 81
6.2.2 窗口位置和大小 84
6.2.3 定时器 86
6.3 location对象 88
6.4 history对象 89
6.5 frame对象 91
6.6 navigator对象 92
6.7 实训案例 93
6.8 本章小结 96
6.9 练习题 96
第7章 DOM对象 98
7.1 DOM简介 98
7.1.1 什么是DOM 98
7.1.2 HTML DOM树 98
7.2 HTML元素操作 99
7.2.1 获取HTML DOM元素 99
7.2.2 元素内容操作 103
7.2.3 元素属性操作 104
7.2.4 元素样式操作 107
7.3 DOM节点操作 112
7.3.1 获取节点 112
7.3.2 节点追加 113
7.3.3 节点删除 115
7.4 网页元素的位置和大小 117
7.5 实训案例 119
7.5.1 标签栏切换效果 119
7.5.2 图片放大特效 122
7.6 本章小结 124
7.7 练习题 124
第8章 事件 127
8.1 事件处理 127
8.1.1 事件概述 127
8.1.2 事件的绑定方式 128
8.2 事件对象 130
8.2.1 获取事件对象 130
8.2.2 常用属性和方法 131
8.3 常用的事件 134
8.3.1 页面事件 134
8.3.2 鼠标事件 136
8.3.3 键盘事件 138
8.3.4 焦点事件 139
8.3.5 表单事件 141
8.4 实训案例 143
8.5 本章小结 145
8.6 练习题 145
第9章 正则表达式 148
9.1 认识正则表达式 148
9.2 创建正则表达式 150
9.3 正则表达式的字符 151
9.3.1 普通字符 151
9.3.2 元字符 151
9.3.3 字符集合 152
9.3.4 限定符 153
9.3.5 括号字符 154
9.3.6 正则运算符优先级 158
9.4 与正则相关的方法 158
9.4.1 RegExp类中的方法 158
9.4.2 String类中的方法 160
9.5 实训案例 162
9.6 本章小结 166
9.7 练习题 167
第10章 jQuery的元素操作 168
10.1 jQuery概述 168
10.2 jQuery的选择器 170
10.2.1 基本选择器 170
10.2.2 层次选择器 171
10.2.3 过滤选择器 172
10.2.4 表单选择器 176
10.3 jQuery中元素内容的操作 178
10.4 jQuery中元素样式的操作 179
10.4.1 元素样式操作 179
10.4.2 元素的大小和偏移操作 181
10.4.3 元素样式类操作 182
10.5 jQuery中元素属性的操作 183
10.6 元素的筛选和查找 186
10.7 jQuery中的DOM操作 189
10.7.1 插入元素 189
10.7.2 替换元素 191
10.7.3 删除元素 191
10.7.4 获取元素 192
10.8 实训案例 194
10.9 本章小结 197
10.10 练习题 197
第11章 jQuery的事件处理 200
11.1 jQuery中的事件处理 200
11.1.1 表单事件 200
11.1.2 键盘事件 204
11.1.3 鼠标事件 205
11.1.4 浏览器事件 207
11.1.5 页面加载事件 208
11.2 事件绑定与切换 208
11.2.1 事件的绑定与取消绑定 208
11.2.2 绑定单次事件 209
11.2.3 多个事件绑定同一个
函数 209
11.2.4 多个事件绑定不同的
处理函数 210
11.2.5 为以后创建的元素
委派事件 211

11.3 jQuery中的合成事件 212
11.4 实训案例 214
11.5 本章小结 217
11.6 练习题 217
第12章 jQuery动画效果 220
12.1 显示与隐藏效果 220
12.1.1 隐藏元素的hide()方法 220
12.1.2 显示元素的show()方法 221
12.1.3 交替显示隐藏元素 222
12.1.4 实训案例 222
12.2 滑动效果 224
12.2.1 向上收缩效果 224
12.2.2 向下展开效果 225
12.2.3 交替伸缩效果 225
12.2.4 实训案例 226
12.3 淡入淡出效果 228
12.3.1 淡出效果 228
12.3.2 淡入效果 229
12.3.3 交替淡入淡出效果 229
12.3.4 不透明效果 230
12.3.5 实训案例 230
12.4 自定义动画效果 232
12.4.1 自定义动画 232
12.4.2 动画队列 234
12.4.3 动画的停止和延时 234
12.4.4 实训案例 235
12.5 本章小结 239
12.6 练习题 239
第13章 Ajax基础 242
13.1 Web基础知识 242
13.1.1 Web?服务器 242
13.1.2 HTTP 243
13.2 Web服务器搭建 243
13.2.1 PHP开发环境 244
13.2.2 前后端交互 245
13.3 Ajax入门 248
13.3.1 什么是Ajax 248
13.3.2 Ajax向服务器发送请求 248
13.3.3 处理服务器返回的信息 250
13.3.4 FormData JavaScript
无刷新表单信息提交 253
13.4 jQuery操作Ajax 254
13.4.1 load()方法 255
13.4.2 $.get()方法 256
13.4.3 $.post?()方法 257
13.4.4 $.ajax()方法 257
13.4.5 $.ajaxSetup()方法 258
13.5 实训案例 259
13.6 本章小结 261
13.7 练习题 262
参考答案 264
参考文献 269