JavaScript+jQuery开发实战
作者:戴雯惠
出版时间:2019年版
内容简介
本书紧密围绕互联网行业发展对网站开发人员技术与能力的要求进行编写,主要介绍如何使用JavaScript、jQuery编写网页特效,*终制作出界面美观大方、具备动态效果、面向企业应用的商业级网站。全书共10章,主要内容包括JavaScript基础,使用JavaScript操作BOM、DOM对象,jQuery基础,jQuery中的事件与DOM操作,表单校验及AJAX数据请求等。为保证*优的学习效果,本书配套教学PPT、案例素材、学习交流社区、讨论组等辅助学习内容,为读者带来全方位的学习体验。本书可作为前端开发相关从业者的学习教程,也可作为高职院校计算机相关专业的教材和参考书。
目录
第 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