随着互联网技术的不断发展,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