本书是高等职业教育教学用书。

本书编写适应新一代信息技术发展的需要，对接新技术、新规范，对接行业、产业、职业、岗位新标准，主要讲述Web前端开发核心技术JavaScript及其优秀框架jQuery。

本书共有13章，主要内容包括：认识JavaScript、JavaScript核心语法、JavaScript函数、JavaScript对象、BOM应用、DOM应用、JavaScript事件与CSS交互、表单验证、阶段项目：延安革命纪念馆网站首页特效、jQuery基础、jQuery的DOM操作、jQuery事件与动画、项目案例：京东商城网站特效。

本书既可作为高等职业教育计算机类相关专业的教材，也可作为Web前端开发爱好者的自学用书或相关部门的培训教材。

第1章 认识JavaScript001
  1.1第一个JavaScript程序002
  1.1.1应用场景及实例代码002
  1.1.2JavaScript脚本的基本结构003
  1.1.3JavaScript脚本放置位置003
  1.1.4JavaScript的组成005
  1.1.5Web前端开发工具的使用006
  1.1.6技能训练11 008
  1.2JavaScript的特点､应用及引用方式009
  1.2.1JavaScript的特点009
  1.2.2JavaScript的应用009
  1.2.3JavaScript的引用方式010
  1.2.4技能训练12 012
  本章小结012
  习题1012
第2章 JavaScript核心语法014
  2.1判断变量或值的数据类型015
  2.1.1应用场景及实例代码015
  2.1.2语法016
  2.1.3变量016
  2.1.4数据类型018
  2.1.5typeof运算符019
  2.1.6技能训练21020
  2.2两个数的四则运算020
  2.2.1应用场景及实例代码020
  2.2.2输入和输出022
  2.2.3数据类型转换函数024
  2.2.4isNaN函数025
  2.2.5运算符026
  2.2.6if条件语句027
  2.2.7switch语句028
  2.2.8使用alert()和console.log()调试程序029
  2.2.9技能训练22029
  2.3有容错性的两个数的四则运算030
  2.3.1应用场景及实例代码030
  2.3.2while循环语句033
  2.3.3dowhile循环语句033
  2.3.4技能训练23033
  2.4打印倒/正金字塔034
  2.4.1应用场景及实例代码034
  2.4.2for循环语句035
  2.4.3break语句036
  2.4.4continue语句036
  2.4.5使用VS Code调试程序037
  2.4.6技能训练24039
  本章小结039
  习题2040
第3章 JavaScript函数043
  3.1简易计算器044
  3.1.1应用场景及实例代码044
  3.1.2代码解析046
  3.1.3函数概述047
  3.1.4函数的定义和调用047
  3.1.5JavaScript全局函数048
  3.1.6技能训练31049
  3.2优化的简易计算器050
  3.2.1应用场景及实例代码050
  3.2.2代码解析051
  3.2.3函数的参数052
  3.2.4值传递和引用传递054
  3.2.5函数的返回值055
  3.2.6技能训练32 056
  3.3图片的上下翻动056
  3.3.1应用场景及实例代码056
  3.3.2匿名函数058
  3.3.3函数的默认参数058
  3.3.4函数中的扩展运算符059
  3.3.5函数的剩余参数059
  3.3.6变量的作用域061
  3.3.7技能训练33061
  本章小结062
  习题3063
第4章 JavaScript对象064
  4.1时钟特效065
  4.1.1应用场景及实例代码065
  4.1.2JavaScript对象066
  4.1.3Date对象068
  4.1.4技能训练41069
  4.2简易科学计算器070
  4.2.1应用场景及实例代码070
  4.2.2Math对象072
  4.2.3技能训练42073
  4.3二级级联特效073
  4.3.1应用场景及实例代码073
  4.3.2数组的创建和访问074
  4.3.3数组常用的属性和方法075
  4.3.4多维数组078
  4.3.5Select对象和Option对象078
  4.3.6技能训练43080
  4.3.7优化二级级联特效080
  4.3.8字符串作为数组的索引081
  4.3.9for…in循环语句082
  4.3.10技能训练44082
  4.4使用JSON对象显示列表信息083
  4.4.1应用场景及实例代码083
  4.4.2JSON概述085
  4.4.3JSON的语法规则085
  4.4.4JSON对象085
  4.4.5JSON数组086
  4.4.6技能训练45087
  4.5使用Set对象和Map对象实现库存管理087
  4.5.1应用场景及实例代码087
  4.5.2Set对象089
  4.5.3Map对象090
  4.5.4数组､字符串､对象的解构赋值091
  4.5.5Set对象和Map对象的解构赋值092
  4.5.6技能训练46093
  本章小结093
  习题4094
第5章 BOM应用096
  5.1弹出窗口特效097
  5.1.1应用场景及实例代码097
  5.1.2浏览器对象模型(BOM)100
  5.1.3screen对象101
  5.1.4window对象101
  5.1.5窗口的打开与关闭103
  5.1.6技能训练51105
  5.2带数字的图片循环轮播特效106
  5.2.1应用场景及实例代码106
  5.2.2定时器108
  5.2.3技能训练52109
  5.3页面跳转效果110
  5.3.1应用场景及实例代码110
  5.3.2history对象112
  5.3.3location对象113
  5.3.4技能训练53114
  5.4使用客户端存储实现注册和登录115
  5.4.1应用场景及实例代码115
  5.4.2sessionStorage118
  5.4.3localStorage120
  5.4.4技能训练54121
  本章小结121
  习题5121
第6章 DOM应用123
  6.1商品详情页面124
  6.1.1应用场景及实例代码124
  6.1.2DOM概述125
  6.1.3DOM树和节点类型126
  6.1.4核心DOM127
  6.1.5节点的访问与遍历128
  6.1.6节点的属性操作130
  6.1.7技能训练61130
  6.2制作留言板130
  6.2.1应用场景及实例代码130
  6.2.2节点的创建与添加133
  6.2.3节点的替换与删除135
  6.2.4技能训练62136
  6.3订单处理137
  6.3.1应用场景及实例代码137
  6.3.2HTML DOM140
  6.3.3HTML DOM对象及其属性141
  6.3.4Table对象141
  6.3.5TableRow对象142
  6.3.6TableCell对象143
  6.3.7Element对象143
  6.3.8技能训练63144
  6.4淘宝购物车145
  6.4.1应用场景及实例代码145
  6.4.2技能训练64151
  本章小结151
  习题6152
第7章 JavaScript事件与CSS交互155
  7.1选项卡切换效果156
  7.1.1应用场景及实例代码156
  7.1.2事件注册与删除158
  7.1.3事件对象159
  7.1.4事件流161
  7.1.5事件冒泡162
  7.1.6技能训练71162
  7.2鼠标指针移入/移出菜单时的特效163
  7.2.1应用场景及实例代码163
  7.2.2操作元素的样式165
  7.2.3技能训练72166
  7.3页面元素的显示和隐藏167
  7.3.1应用场景及实例代码167
  7.3.2display样式属性168
  7.3.3visibility样式属性169
  7.3.4 opacity样式属性169
  7.3.5技能训练73169
  7.4手风琴动画特效170
  7.4.1应用场景及实例代码170
  7.4.2scroll系列属性171
  7.4.3技能训练74172
  7.5漂浮广告特效172
  7.5.1应用场景及实例代码172
  7.5.2Element对象的部分属性175
  7.5.3技能训练75175
  本章小结175
  习题7176
第8章 表单验证178
  8.1表单验证179
  8.1.1应用场景及实例代码179
  8.1.2表单验证简述181
  8.1.3表单验证的流程181
  8.1.4技能训练81182
  8.2模拟网易免费邮箱注册页面验证183
  8.2.1应用场景及实例代码183
  8.2.2String对象187
  8.2.3Form对象194
  8.2.4技能训练82194
  8.3实现欢乐网注册页面验证195
  8.3.1应用场景及实例代码195
  8.3.2正则表达式202
  8.3.3RegExp对象的属性和方法207
  8.3.4支持正则表达式的String对象的方法209
  8.3.5技能训练83210
  8.4模拟信用卡申请页面验证210
  8.4.1应用场景及实例代码210
  8.4.2HTML5的验证特性213
  8.4.3JavaScript验证API213
  8.4.4技能训练84215
  本章小结216
  习题8216
第9章 阶段项目: 延安革命纪念馆网站首页特效 220
  9.1阶段项目需求描述221
  9.2阶段项目分析与设计222
  9.2.1阶段项目分析222
  9.2.2阶段项目开发环境222
  9.2.3阶段项目设计222
  9.3项目管理223
  9.3.1团队人员分工与合作223
  9.3.2开发计划､进度及完成情况223
  9.4子任务1——Banner区滑动轮播特效223
  9.4.1任务及需求说明223
  9.4.2参考代码224
  9.5子任务2——公告滚动显示特效226
  9.5.1任务及需求说明226
  9.5.2参考代码226
  9.6子任务3——通告区数字轮播特效227
  9.6.1任务及需求说明227
  9.6.2参考代码228
  9.7子任务4——通告区Tab切换特效229
  9.7.1任务及需求说明229
  9.7.2参考代码230
  9.8子任务5——革命人物滚动显示特效231
  9.8.1任务及需求说明231
  9.8.2参考代码232
  本章小结233
第10章 jQuery基础234
  10.1第一个jQuery页面235
  10.1.1应用场景及实例代码235
  10.1.2jQuery简介236
  10.1.3jQuery获取236
  10.1.4jQuery使用237
  10.1.5技能训练101238
  10.2延安革命纪念馆红色之旅页面效果239
  10.2.1应用场景及实例代码239
  10.2.2jQuery基础语法241
  10.2.3jQuery编码风格241
  10.2.4DOM对象和jQuery对象242
  10.2.5技能训练102244
  10.3延安革命纪念馆页面Banner图轮播效果245
  10.3.1应用场景及实例代码245
  10.3.2jQuery选择器247
  10.3.3基本选择器248
  10.3.4层次选择器251
  10.3.5属性选择器253
  10.3.6技能训练103257
  10.4延安革命纪念馆页面下拉菜单效果257
  10.4.1应用场景及实例代码257
  10.4.2过滤选择器259
  10.4.3基本过滤选择器259
  10.4.4可见性过滤选择器261
  10.4.5内容过滤选择器262
  10.4.6子元素过滤选择器262
  10.4.7技能训练104264
  10.5欢乐网注册页面验证之jQuery实现265
  10.5.1应用场景及实例代码265
  10.5.2表单过滤选择器271
  10.5.3表单属性过滤选择器272
  10.5.4选择器中的特殊符号和空格272
  10.5.5技能训练105273
  本章小结273
  习题10274
第11章 jQuery的DOM操作275
  11.1全选/不全选特效276
  11.1.1应用场景及实例代码276
  11.1.2DOM操作分类278
  11.1.3jQuery中的DOM操作278
  11.1.4属性操作278
  11.1.5value属性操作281
  11.1.6技能训练111282
  11.2延安革命纪念馆页面视频与图文效果283
  11.2.1应用场景及实例代码283
  11.2.2样式操作286
  11.2.3CSSDOM操作289
  11.2.4节点遍历291
  11.2.5遍历子元素292
  11.2.6遍历同辈元素292
  11.2.7遍历祖先元素294
  11.2.8其他遍历方法295
  11.2.9技能训练112297
  11.3订单管理页面特效299
  11.3.1应用场景及实例代码299
  11.3.2内容､文本操作302
  11.3.3节点操作305
  11.3.4创建节点308
  11.3.5插入节点308
  11.3.6复制节点309
  11.3.7替换节点310
  11.3.8删除节点310
  11.3.9技能训练113311
  本章小结313
  习题11314
第12章 jQuery事件与动画316
  12.1延安革命纪念馆页面在线点播效果317
  12.1.1应用场景及实例代码317
  12.1.2jQuery事件319
  12.1.3基础事件319
  12.1.4复合事件320
  12.1.5事件对象321
  12.1.6绑定事件与移除事件324
  12.1.7技能训练121326
  12.2树形菜单特效327
  12.2.1应用场景及实例代码327
  12.2.2jQuery动画328
  12.2.3控制元素显示与隐藏328
  12.2.4改变元素透明度330
  12.2.5调整元素高度331
  12.2.6自定义动画332
  12.2.7停止动画335
  12.2.8技能训练122337
  本章小结338
  习题12338
第13章 项目案例: 京东商城网站特效340
  13.1项目需求概述341
  13.2项目分析与设计344
  13.2.1项目分析344
  13.2.2项目开发环境344
  13.2.3项目设计344
  13.3项目管理344
  13.3.1团队人员分工与合作344
  13.3.2开发计划､进度及完成情况344
  13.4子任务1——首页顶图及导航栏二级菜单特效345
  13.4.1任务及需求说明345
  13.4.2关键代码346
  13.5子任务2——首页头部购物车二级级联特效346
  13.5.1任务及需求说明346
  13.5.2关键代码347
  13.6子任务3——首页Banner图轮播特效347
  13.6.1任务及需求说明347
  13.6.2关键代码348
  13.7子任务4——首页京东秒杀倒计时特效349
  13.7.1任务及需求说明349
  13.7.2关键代码350
  13.8子任务5——登录页面验证与特效351
  13.8.1任务及需求说明351
  13.8.2关键代码353
  13.9子任务6——购物车管理与特效353
  13.9.1任务及需求说明353
  13.9.2关键代码355
  本章小结357
参考文献358