第 1章　初识JavaScript 1
任务1　了解JavaScript能做什么　2
任务2　掌握什么是JavaScript　3
1.2.1　JavaScript的结构组成　4
1.2.2　JavaScript的基本结构　4
1.2.3　JavaScript的执行原理　6
1.2.4　JavaScript页面的引用　6
任务3　掌握JavaScript的基础语法　8
1.3.1　变量的声明和赋值　8
1.3.2　数据类型　9
1.3.3　数组　12
1.3.4　运算符　13
1.3.5　逻辑控制语句　16
1.3.6　注释　22
1.3.7　常用的输入/输出　23
1.3.8　上机训练　24
上机练习1—统计包含“a”或“A”的字符串的个数　24
任务4　掌握调试工具的用法　25
1.4.1　Chrome开发者工具　26
1.4.2　上机训练　29
上机练习2—调试程序　29
任务5　掌握JavaScript中函数的应用　31
1.5.1　系统函数　31
1.5.2　定义函数　32
1.5.3　上机训练　34
上机练习3—编写一个带两个变量和一个运算符的四则运算函数　34
1.5.4　变量作用域　35
1.5.5　页面中的事件　36
1.5.6　上机训练　37
上机练习4—统计考试科目的成绩　37

第　2章 JavaScript中的BOM对象操作　41
任务1　了解BOM及构成　42
2.1.1　认识BOM　42
2.1.2　浏览器对象　43
2.1.3　上机训练　48
上机练习1—制作简易的购物车页面　48
任务2　掌握history对象和location对象的使用　50
2.2.1　history对象　50
2.2.2　location对象　51
2.2.3　上机训练　52
上机练习2—查看一年四季的变化　52
任务3　掌握document对象的使用　53
2.3.1　document对象　53
2.3.2　上机训练　58
上机练习3—完善购物车页面　58
任务4　掌握系统函数的应用　60
2.4.1　Date对象　60
2.4.2　Math对象　61
2.4.3　定时函数　63
2.4.4　上机训练　65
上机练习4—制作二十四进制的时钟特效　65
第3章　JavaScript操作文档对象模型　69
任务1　使用JavaScript操作DOM　70
3.1.1　DOM操作分类　70
3.1.2　节点间的关系　71
3.1.3　JavaScript访问节点　72
3.1.4　上机训练　76
上机练习1—访问购物车页面节点　76
3.1.5　节点属性　77
任务2　使用JavaScript操作节点　78
3.2.1　获取和设置节点属性　78
3.2.2　新增和插入节点　80
3.2.3　删除和修改节点　83
3.2.4　修改节点样式　84
3.2.5　上机训练　87
上机练习2—制作课工场论坛发帖页面　87
任务3　使用JavaScript获取元素位置　89
3.3.1　获取样式　89
3.3.2　属性应用　91
3.3.3　上机训练　93
上机练习3—制作带关闭按钮的广告　93
第4章　认识jQuery　97
任务1　了解jQuery并搭建开发环境　98
4.1.1　选择jQuery的原因　98
4.1.2　什么是jQuery　100
4.1.3　搭建环境　104
任务2　掌握jQuery基础语法及结构　105
4.2.1　jQuery程序　105
4.2.2　jQuery语法　106
4.2.3　设置CSS属性值　108
4.2.4　移除CSS样式　110
4.2.5　上机训练　110
上机练习1—使用jQuery变换网页效果　110
任务3　掌握jQuery对象与DOM对象的转换　111
4.3.1　jQuery中的对象　112
4.3.2　对象间的相互转换　112
4.3.3　上机训练　113
上机练习2—制作广告立体轮播切换效果　113
第5章　认识jQuery选择器　117
任务1　了解jQuery选择器及其分类　118
5.1.1　jQuery选择器概述　118
5.1.2　选择器分类　119
任务2　使用CSS选择器选取元素　119
5.2.1　基本选择器　119
5.2.2　层次选择器　123
5.2.3　上机训练　126
上机练习1—制作图书简介页面　126
5.2.4　属性选择器　127
5.2.5　上机训练　130
上机练习2—制作非缘勿扰页面特效　130
任务3　通过过滤选择器选取元素　131
5.3.1　过滤选择器　131
5.3.2　选择器使用注意事项　136
5.3.3　上机训练　137
上机练习3—制作全网热播视频页面　137
第6章　jQuery中的事件与动画特效　141
任务1　jQuery中的事件机制　142
6.1.1　jQuery事件的分类　143
6.1.2　上机训练　147
上机练习1—制作京东首页右侧固定层　147
任务2　jQuery事件的绑定、移除与复合事件　148
6.2.1　事件绑定　149
6.2.2　事件移除　150
6.2.3　jQuery复合事件　150
6.2.4　上机训练　153
上机练习2—仿京东左侧菜单　153
任务3　jQuery中的动画操作　153
6.3.1　元素的显示与隐藏　154
6.3.2　元素的淡入淡出特效　155
6.3.3　元素的滑动特效　156
6.3.4　自定义动画特效　158
6.3.5　上机训练　163
上机练习3—制作京东常见问题分类页面　163
第7章　jQuery中的DOM操作　167
任务1　jQuery中的DOM操作　168
7.1.1　DOM操作的分类　168
7.1.2　jQuery中的DOM操作　169
任务2　使用jQuery操作样式　170
7.2.1　设置、获取样式值　170
7.2.2　追加、移除样式　170
7.2.3　样式的切换与判断　172
任务3　使用jQuery操作元素内容　173
7.3.1　操作HTML代码　173
7.3.2　操作标签内容　174
7.3.3　操作属性值　175
7.3.4　上机训练　177
上机练习1—制作QQ简易聊天框　177
任务4　jQuery中的节点操作与遍历　178
7.4.1　操作节点　178
7.4.2　操作属性　184
7.4.3　上机训练　185
上机练习2—制作京东问答页面　185
7.4.4　遍历节点　187
7.4.5　CSS-DOM操作　191
7.4.6　上机训练　193
上机练习3—制作凡客诚品帮助中心页面　193
第8章　表单验证　197
任务1　表单验证概述　199
8.1.1　为什么要验证表单　199
8.1.2　验证哪些表单内容　200
8.1.3　表单的验证步骤　201
任务2　表单验证　201
8.2.1　表单选择器语法　201
8.2.2　表单内容验证　202
8.2.3　上机训练　208
上机练习1—验证注册页面中的电子邮箱　208
8.2.4　验证提示特效　208
8.2.5　上机训练　214
上机练习2—验证贵美网站的注册页面　214
任务3　使用正则表达式验证数据　215
8.3.1　使用正则表达式验证背景　215
8.3.2　正则表达式概述　216
8.3.3　正则表达式的实际应用　221
8.3.4　上机训练　223
上机练习3—验证博客园用户注册页面　223
任务4　HTML5验证新特性　224
8.4.1　HTML5新属性　224
8.4.2　validity属性　224
8.4.3　上机训练　227
上机练习4—使用HTML5方式验证博客园用户注册页面　227

第9章　jQuery中的AJAX　231
任务1　使用JavaScript发送AJAX请求　233
9.1.1　AJAX应用　233
9.1.2　AJAX工作原理　234
9.1.3　认识XMLHttpRequest　235
9.1.4　AJAX请求、响应原理　237
9.1.5　上机训练　239
上机练习1—检查用户的注册邮箱是否存在　239
任务2　使用jQuery发送AJAX请求　239
9.2.1　$.get()方法与$.post()方法　240
9.2.2　$.ajax()方法　241
9.2.3　上机训练　243
上机练习2—验证注册邮箱是否可用　243
9.2.4　jQuery中的load()方法　243
9.2.5　上机训练　244
上机练习3—刷新最新动态　244
任务3　使用JSON格式构建响应数据　245
9.3.1　JSON简介　245
9.3.2　使用jQuery处理JSON数据　246
9.3.3　$.getJSON()方法　247
9.3.4　$.getScript ()方法　249
9.3.5　上机训练　250
上机练习4—制作京东页面轮播图片效果　250
第　10章 项目案例：制作1号店网站网页特效　253
任务1　项目概述　254
任务2　项目技能点及问题分析　258
10.2.1　案例覆盖的技能点　258
10.2.2　问题分析　259
10.2.3　进度记录　259
任务3　项目实现　260
10.3.1　用例1：首页特效　260
10.3.2　用例2：搜索列表页特效　263
10.3.3　用例3：商品详情页特效　265
10.3.4　用例4：注册页特效　266
10.3.5　用例5：登录页特效　268