《jQuery Web开发案例教程》是由人民邮电出版社出版的一本关于jQuery方面的书籍,作者是前沿科技、温谦,主要介绍了关于jQuery、Web、开发教程方面的知识内容,目前在jQuery类书籍综合评分为:7.8分。
书籍介绍
内容简介
随着互联网技术的不断发展,JavaScript语言及相关技术越来越受到人们的关注,JavaScript框架层出不穷。jQuery作为JavaScript框架中的优秀代表,为广大开发者提供了诸多便利,持久地占据着Web前端开发技术中的重要位置。
本书分为上下两篇,通过丰富的实例详细讲解jQuery框架的相关技术。本书上篇会针对jQuery基础知识,以及选择器、控制DOM、事件、AJAX、动画、插件等专题进行深入讲解,这一部分将重点通过应用和案例来讲解实战问题。本书下篇会通过5个综合实例,完整地演示使用jQuery进行综合项目开发的过程,使读者能够真正地将jQuery应用到真实的项目开发环节中,并对Web前端的工程化有所认知。本书内容翔实、结构框架清晰、讲解循序渐进,并注重各章以及实例之间的呼应与对照。
本书既可以作为高等院校相关专业网页设计与制作、前端开发等课程的教材,也可以作为jQuery初学者的入门用书,还可以作为高级用户进一步学习相关技术的参考资料。
目录
- ## 章名目录
- 【上篇】 jQurey基础篇
- 第 1章 jQuery基础
- 第 2章 HTML5、CSS3和JavaScript基础知识
- 第3章 jQuery选择器与管理结果集
- 第4章 使用jQuery控制DOM
- 第5章 jQuery事件
- 第6章 jQuery的功能函数
- 第7章 jQuery与AJAX
- 第8章 利用jQuery制作动画与特效
- 第9章 jQuery插件
- 【下篇】 jQuery综合实例篇
- 第 10章 综合实例一:网页留言本
- 第 11章 综合实例二:网络相册
- 第 12章 综合实例三:交互式流量套餐选择页面
- 第 13章 综合实例四:网页图片剪裁器
- 第 14章 综合实例五:前端工程化
- ## 详细目录
- 【上篇】 jQurey基础篇
- 第 1章 jQuery基础
- 1.1 jQuery概述 2
- 1.1.1 jQuery简介 2
- 1.1.2 下载并使用jQuery 3
- 1.2 jQuery的$ 4
- 1.2.1 选择器 4
- 1.2.2 功能函数的前缀 6
- 1.2.3 window.onload 6
- 1.2.4 创建DOM元素 7
- 1.2.5 扩展jQuery 8
- 1.2.6 冲突问题 9
- 1.3 使用VSCode编写第 一个jQuery页面 10
- 1.3.1 创建基础的HTML文档 10
- 1.3.2 编写jQuery代码 11
- 本章小结 12
- 习题1 12
- 第 2章 HTML5、CSS3和JavaScript基础知识
- 2.1 ES6的新特性 14
- 2.1.1 let关键字 15
- 2.1.2 const关键字 15
- 2.1.3 for…of循环 16
- 2.1.4 字符串模板 16
- 2.1.5 参数默认值 17
- 2.1.6 类与继承 17
- 2.1.7 箭头函数 18
- 2.1.8 剩余运算符与剩余参数 20
- 2.1.9 展开运算符 20
- 2.1.10 数组的解构赋值 21
- 2.1.11 对象的解构赋值 21
- 2.1.12 模块 22
- 2.2 HTML5新增的语义化标记 23
- 2.3 CSS3引入的常用新特性 24
- 2.3.1 CSS3新增的常用样式属性 25
- 2.3.2 新增的布局方式——弹性盒子布局 27
- 2.3.3 新增的布局方式——网格布局 28
- 本章小结 29
- 习题2 29
- 第3章 jQuery选择器与管理结果集
- 3.1 选择器 30
- 3.1.1 属性选择器 31
- 3.1.2 包含选择器 33
- 3.1.3 位置选择器 34
- 3.1.4 过滤选择器 37
- 3.1.5 反向选择器 39
- 3.2 遍历DOM 39
- 3.2.1 children() 40
- 3.2.2 parent()和parents() 42
- 3.2.3 siblings() 44
- 3.3 管理结果集 45
- 3.3.1 获取选中元素的个数 46
- 3.3.2 提取元素 47
- 3.3.3 添加、删除、过滤 49
- 3.3.4 查找 52
- 3.3.5 遍历 53
- 3.4 jQuery链 54
- 本章小结 54
- 习题3 55
- 第4章 使用jQuery控制DOM
- 4.1 网页中的DOM框架 57
- 4.2 DOM中的节点 57
- 4.2.1 元素节点 58
- 4.2.2 文本节点 58
- 4.2.3 属性节点 58
- 4.3 标记的属性 58
- 4.3.1 获取属性的值 59
- 4.3.2 设置属性的值 60
- 4.3.3 删除属性 62
- 4.4 元素的样式 62
- 4.4.1 添加、删除CSS类别 63
- 4.4.2 动态切换 63
- 4.4.3 直接获取、设置样式 64
- 4.5 页面的元素 66
- 4.5.1 直接获取和编辑内容 66
- 4.5.2 添加元素 68
- 4.5.3 删除元素 72
- 4.5.4 克隆元素 74
- 4.6 表单元素的值 75
- 4.6.1 获取表单元素的值 75
- 4.6.2 设置表单元素的值 77
- 4.7 元素的尺寸 77
- 4.7.1 width()和height()方法 78
- 4.7.2 innerWidth()和innerHeight()方法 79
- 4.7.3 outerWidth()和outerHeight()方法 80
- 4.8 元素的位置 81
- 4.8.1 offset()方法 81
- 4.8.2 position()方法 82
- 4.8.3 scrollTop()方法 83
- 本章小结 84
- 习题4 84
- 第5章 jQuery事件
- 5.1 事件与事件流 86
- 5.2 事件监听 87
- 5.2.1 bind()方法 87
- 5.2.2 one()方法 89
- 5.2.3 JavaScript的事件监听 90
- 5.3 事件删除 92
- 5.4 事件对象 93
- 5.5 事件触发 95
- 5.6 事件的动态交替 96
- 5.6.1 hover事件的交替 96
- 5.6.2 click事件的交替 97
- 5.7 事件委托 98
- 5.8 综合实例:快餐在线 100
- 5.8.1 框架搭建 100
- 5.8.2 添加事件 101
- 5.8.3 样式 104
- 本章小结 106
- 习题5 107
- 第6章 jQuery的功能函数
- 6.1 处理JavaScript对象 108
- 6.1.1 遍历 108
- 6.1.2 数据过滤 110
- 6.1.3 数组的转化 112
- 6.1.4 数组元素的查找 114
- 6.2 获取外部代码 115
- 6.3 $.data()方法 116
- 6.4 $.extend()方法 118
- 6.5 类型判断 119
- 本章小结 120
- 习题6 121
- 第7章 jQuery与AJAX
- 7.1 认识AJAX 122
- 7.1.1 AJAX的基本概念 122
- 7.1.2 AJAX的组成 124
- 7.2 获取异步数据 124
- 7.2.1 传统方法 124
- 7.2.2 jQuery的load()方法 126
- 7.3 GET与POST 128
- 7.4 控制AJAX 130
- 7.4.1 设置AJAX访问服务器的细节 130
- 7.4.2 全局设定AJAX 133
- 7.4.3 AJAX事件 133
- 7.4.4 实例:模拟百度的数据加载 135
- 7.5 实例:利用jQuery制作自动提示的文本框 137
- 7.5.1 框架结构 138
- 7.5.2 匹配用户输入 139
- 7.5.3 显示 清除提示框 139
- 本章小结 143
- 习题7 143
- 第8章 利用jQuery制作动画与特效
- 8.1 元素的显示和隐藏 145
- 8.1.1 show()和hide() 145
- 8.1.2 实例:多级菜单 146
- 8.1.3 toggle() 148
- 8.2 淡入淡出的特效 149
- 8.2.1 再探讨show()、hide()和toggle() 149
- 8.2.2 fadeIn()和fadeOut() 150
- 8.2.3 自定义变化透明度 151
- 8.3 幻灯片特效 153
- 8.4 自定义动画 155
- 本章小结 156
- 习题8 156
- 第9章 jQuery插件
- 9.1 模拟加入购物车 158
- 9.1.1 鼠标拖曳 158
- 9.1.2 拖入购物车 162
- 9.1.3 模态框提示 163
- 9.2 流行的Tab菜单 167
- 9.3 轮播图 170
- 9.3.1 使用轮播图插件前的准备 170
- 9.3.2 使用轮播图插件 171
- 9.3.3 调整轮播图效果 172
- 本章小结 174
- 习题9 174
- 【下篇】 jQuery综合实例篇
- 第 10章 综合实例一:网页留言本
- 10.1 基本留言本 177
- 10.2 改用AJAX方式实现留言本 179
- 10.2.1 读取留言列表 180
- 10.2.2 保存并返回新留言 180
- 10.2.3 制作留言本入口页面 180
- 10.3 对表单数据进行验证 182
- 本章小结 184
- 第 11章 综合实例二:网络相册
- 11.1 整体分析 185
- 11.2 模块拆分 186
- 11.2.1 缩略图排列 186
- 11.2.2 缩略图提示 189
- 11.2.3 显示大图 189
- 11.3 功能细化 191
- 11.3.1 初始化页面 191
- 11.3.2 单击缩略图 191
- 11.3.3 关闭按钮 192
- 11.3.4 大图浏览 193
- 本章小结 195
- 第 12章 综合实例三:交互式流量套餐选择页面
- 12.1 表格框架 197
- 12.1.1 表格 197
- 12.1.2 选择套餐 198
- 12.1.3 商用页面 199
- 12.2 交互选择 201
- 12.3 注册单 202
- 12.3.1 注册单框架 202
- 12.3.2 注册单的显示和隐藏 204
- 12.3.3 AJAX校验 206
- 12.3.4 密码校验 208
- 12.3.5 AJAX提交 208
- 本章小结 210
- 第 13章 综合实例四:网页图片剪裁器
- 13.1 整体分析 212
- 13.2 页面HTML结构和CSS样式 213
- 13.2.1 HTML结构 213
- 13.2.2 选区部分的结构与样式 214
- 13.3 实现核心逻辑 215
- 13.3.1 定义基础类 215
- 13.3.2 定义Cropper类 217
- 13.4 使用jQuery处理交互 221
- 13.4.1 初始化图像 221
- 13.4.2 控制选区 222
- 13.4.3 终剪裁 226
- 本章小结 227
- 第 14章 综合实例五:前端工程化
- 14.1 在浏览器中监视与调试 228
- 14.1.1 使用console.log()和alert()方法监视输出值 228
- 14.1.2 使用调试器 230
- 14.2 JavaScript优化 232
- 14.2.1 压缩代码量 232
- 14.2.2 变量作用域 234
- 14.2.3 使用内置函数 236
- 14.2.4 优化if语句 237
- 14.2.5 小化语句数量 237
- 14.2.6 减少DOM操作 238
- 14.3 使用webpack构建系统 238
- 14.3.1 安装Node.js环境 239
- 14.3.2 准备项目文件 240
- 14.3.3 安装webpack及相关组件 241
- 14.3.4 预览与调试 244
- 14.3.5 打包 246
- 本章小结 248