本书根据Web前端开发岗位的职业能力要求，以任务为驱动，全面地介绍了JavaScript和jQuery的相关知识，内容涵盖JavaScript基础、对象编程、DOM编程、BOM编程、事件、jQuery基础、jQuery DOM操作、jQuery动画、jQuery UI插件、jQuery AJAX技术等。全书分成JavaScript基础及应用、jQuery基础及应用和Web项目实践3个模块，共25个任务，内容由浅入深，实用性强。 本书不仅融入Web应用新技术，还融入了Web前端开发职业技能等级标准、全国职业院校技能大赛等相关赛项的内容，注重职业能力的培养。 本书可作为高等职业院校、职业本科院校和应用型本科院校相关专业教材，也可作为Web前端工程师、网页设计师、网站程序员等人员的参考书，还可以作为计算机培训教材及广大网站设计与开发爱好者学习用书。

林龙健，广东科贸职业学院教师，主要承担网站开发、软件开发类课程教学任务，主持校级科研课题２项，软件著作权4项，专利2项，企业实战经验丰富：已为单位开发网站及信息管理系统多个，为企业开发网站及软件数十个。 编写的教材有：《项目驱动式PHP+MYSQL企业网站开发教程》，西南交通大学出版社，2016年8月；《项目驱动式PHP动态网站开发实训教程》，清华大学出版社，2017年1月；《项目驱动式PHP＋MySQL+jQuery中小型信息系统开发实训教程》，清华大学出版社出版。 教学经验丰富：参加由中央电教馆主办的全国多媒体教育软件大奖赛获三等奖1项；参加广东省教育厅主办的教育软件评审活动获二等奖1项，三等奖2项；指导学生参加全国及省级技能大赛获三等奖以上的6项。

模块1 JavaScript基础及应用
任务1单击图片弹出窗口并输出文本
1.1任务描述与分析
1.2知识学堂
1.2.1什么是JavaScript
1.2.2JavaScript的产生与发展
1.2.3JavaScript的特点
1.2.4JavaScript的组成
1.2.5常用的Web前端开发工具
1.3任务实施
1.4证赛观测
1.5课后练习
任务工单1单击图片弹出窗口并输出文本
任务2在页面上显示图书信息
2.1任务描述与分析
2.2知识学堂
2.2.1 JavaScript的使用方法
2.2.2 JavaScript注释
2.2.3控制台的应用
2.3任务实施
2.4证赛观测
2.5课后练习
任务工单2在页面上显示图书信息
任务3采集并输出学生信息
3.1任务描述与分析
3.2知识学堂
3.2.1JavaScript基本输入语句
3.2.2JavaScript基本输出语句
3.2.3JavaScript变量
3.3任务实施
3.4证赛观测
3.5课后练习
任务工单3采集并输出学生信息
任务4输入商品单价和数量计算总金额
4.1任务描述与分析
4.2知识学堂
4.2.1数据类型
4.2.2数字型
4.2.3字符串型
4.2.4布尔类型
4.2.5数据类型检测
4.2.6null与undefined的区别
4.2.7数据类型转换
4.3任务实施
4.4证赛观测
4.5课后练习
任务工单4输入商品单价和数量计算总金额
任务5制作简单运算器
5.1任务描述与分析
5.2知识学堂
5.2.1算术运算符
5.2.2比较运算符
5.2.3逻辑运算符
5.2.4赋值运算符
5.2.5条件运算符
5.2.6运算符优先级
5.2.7eval()函数
5.3任务实施
5.4证赛观测
5.5课后练习
任务工单5制作简单运算器
任务6根据输入成绩评定等级
6.1任务描述与分析
6.2知识学堂
6.2.1流程控制
6.2.2单分支语句if
6.2.3双分支语句if…else
6.2.4多分支语句if…else if
6.2.5多分支语句switch
6.2.6if语句嵌套
6.3任务实施
6.4证赛观测
6.5课后练习
任务工单6根据输入成绩评定等级
任务7使用玫瑰花图片制作菱形
7.1任务描述与分析
7.2知识学堂
7.2.1循环结构
7.2.2for循环语句
7.2.3while循环语句
7.2.4do…while循环语句
7.2.5循环嵌套
7.2.6continue和break关键字
7.3任务实施
7.4证赛观测
7.5课后练习
任务工单7使用玫瑰花图片制作菱形
任务8制作七色小球效果8.1任务描述与分析
8.2知识学堂
8.2.1数组的定义
8.2.2创建数组
8.2.3数组的应用
8.2.4数组常用方法
8.2.5数组遍历
8.3任务实施
8.4证赛观测
8.5课后练习
任务工单8制作七色小球效果
任务9统计学生考试成绩
9.1任务描述与分析
9.2知识学堂
9.2.1什么是函数
9.2.2函数的应用
9.2.3递归函数
9.2.4闭包函数
9.2.5箭头函数
9.2.6立即执行函数
9.3任务实施
9.4证赛观测
9.5课后练习
任务工单9统计学生考试成绩
任务10存储并输出手机商品信息
10.1任务描述与分析
10.2知识学堂
10.2.1什么是对象
10.2.2创建及访问对象
10.2.3遍历对象
10.2.4对象方法的判断
10.2.5JavaScript内置对象
10.3任务实施
10.4证赛观测
10.5课后练习
任务工单10存储并输出手机商品信息
任务11验证用户注册页面信息
11.1任务描述与分析
11.2知识学堂
11.2.1DOM概述
11.2.2获取DOM元素
11.2.3操作DOM元素
11.3任务实施
11.4证赛观测
11.5课后练习
任务工单11验证用户注册页面信息
任务12制作Tab栏显示古诗信息
12.1任务描述与分析
12.2知识学堂
12.2.1排他思想概述
12.2.2排他操作的应用
12.3任务实施
12.4证赛观测
12.5课后练习
任务工单12制作Tab栏显示古诗信息
任务13制作留言页面13.1任务描述与分析
13.2知识学堂
13.2.1节点
13.2.2获取节点
13.2.3操作节点
13.3任务实施
13.4证赛观测
13.5课后练习
任务工单13制作留言页面
任务14模拟LED显示屏效果
14.1任务描述与分析
14.2知识学堂
14.2.1事件基础
14.2.2事件对象
14.2.3常见事件应用
14.2.4防抖和节流
14.3任务实施
14.4证赛观测
14.5课后练习
任务工单14模拟LED显示屏效果
任务15制作随机选号器
15.1任务描述与分析
15.2知识学堂
15.2.1什么是定时器
15.2.2定时器方法
15.2.3定时器应用
15.3任务实施
15.4证赛观测
15.5课后练习
任务工单15制作随机选号器
任务16使用ES9语法存储并输出产品列表信息
16.1任务描述与分析
16.2知识学堂
16.2.1解构赋值的定义
16.2.2数组解构赋值
16.2.3对象解构赋值
16.2.4JSON数据解构赋值
16.2.5Promise解构赋值
16.2.6解构赋值的优势
16.2.7ES9新特性
16.3任务实施
16.4证赛观测
16.5课后练习
任务工单16使用ES9语法存储并输出产品列表信息
任务17使用jQuery实现弹出窗口输出“Hello jQuery！”
17.1任务描述与分析
17.2知识学堂
17.2.1什么是jQuery
17.2.2jQuery的获取
17.2.3jQuery的基本语法
17.2.4jQuery的使用
17.2.5jQuery对象
17.3任务实施
17.4证赛观测
17.5课后练习
任务工单17使用jQuery实现弹出窗口输出“Hello jQuery!”
模块2jQuery基础及应用
任务18使用jQuery实现网站品牌列表的展开与收起
18.1任务描述与分析
18.2知识学堂
18.2.1基本选择器
18.2.2层次选择器
18.2.3过滤选择器
18.2.4表单选择器
18.2.5选择元素的相关方法
18.2.6 is()函数
18.3任务实施
18.4证赛观测
18.5课后练习
任务工单18使用jQuery实现网站品牌列表的展开与收起
任务19使用jQuery实现文章栏目切换显示效果
19.1任务描述与分析
19.2知识学堂
19.2.1操作CSS方法
19.2.2操作类样式方法
19.3任务实施
19.4证赛观测
19.5课后练习
任务工单19使用jQuery实现文章栏目切换显示效果
任务20使用jQuery实现答案显示与隐藏效果
20.1任务描述与分析
20.2知识学堂
20.2.1显示与隐藏动画
20.2.2滑动动画
20.2.3淡入/淡出动画
20.2.4jQuery方法on()
20.3任务实施
20.4证赛观测
20.5课后练习
任务工单20使用jQuery实现答案显示与隐藏效果
任务21使用jQuery实现焦点幻灯效果
21.1任务描述与分析
21.2知识学堂
21.2.1自定义动画基础
21.2.2animate()操作多个属性
21.2.3animate()使用相对值
21.2.4动画队列
21.2.5停止动画和动画状态判断
21.3任务实施
21.4证赛观测
21.5课后练习
任务工单21使用jQuery实现焦点幻灯效果
任务22使用jQuery实现购物车功能
22.1任务描述与分析
22.2知识学堂
22.2.1jQuery属性操作
22.2.2jQuery内容操作
22.2.3jQuery元素操作
22.3任务实施
22.4证赛观测
22.5课后练习
任务工单22使用jQuery实现购物车功能
任务23使用jQuery制作评论页面
23.1任务描述与分析
23.2知识学堂
23.2.1jQuery尺寸操作
23.2.2jQuery位置操作
23.2.3jQuery事件
23.3任务实施
23.4证赛观测
23.5课后练习
任务工单23使用jQuery制作评论页面
任务24使用jQuery UI制作风云人物列表
24.1任务描述与分析
24.2知识学堂
24.2.1jQuery UI的定义及构成
24.2.2下载jQuery UI
24.2.3jQuery UI的使用
24.2.4jQuery UI的工作原理
24.3任务实施
24.4证赛观测
24.5课后练习
任务工单24使用jQuery UI制作风云人物列表
模块3Web项目实践
任务25制作链农生鲜集团网页交互效果
25.1任务描述与分析
25.2知识学堂
25.2.1JSON基础及应用
25.2.2AJAX基础及应用
25.2.3jQuery异步数据请求方法
25.3任务实施
25.4证赛观测
25.5课后练习
任务工单25制作链农生鲜集团网页交互效果