随着互联网技术的不断发展,HTML5、CSS3、JavaScript语言以及它们的相关技术越来越受到人们的关注,前端框架层出不穷。jQuery和Bootstrap作为前端框架中的**代表,为广大***提供了诸多便利,持久地占据着Web开发技术中的重要位置。 本书通过丰富的实例详细讲解jQuery和Bootstrap框架的相关技术。jQuery篇主要包括jQuery基础、如何使用jQuery控制DOM、简化AJAX操作、制作动画与**以及jQuery插件等内容。Bootstrap篇主要包括工具类、栅格布局、表单样式和组件库等内容。本书使用大量的案例帮助读者理解这两个框架的使用,同时演示综合使用这两个框架进行Web开发的方法。本书内容翔实、结构框架清晰、讲解循序渐进,并注重各章以及实例之间的呼应与对照。 本书既可以作为高等院校相关专业的网页设计与制作、前端开发等课程的教材,也可以作为jQuery和Bootstrap初学者的入门用书,还可以作为**用户进一步学习前端框架的参考资料。

## 章名目录 【上篇】 jQuery篇 第 1章 jQuery基础 第 2章 HTML5、CSS3和JavaScript基础知识 第3章 jQuery选择器与管理结果集 第4章 使用jQuery控制DOM 第5章 jQuery事件 第6章 jQuery的功能函数 第7章 jQuery与AJAX 第8章 利用jQuery制作动画与** 第9章 jQuery插件 第 10章 综合实例一:网页留言本 【下篇】 Bootstrap篇 第 11章 Bootstrap基础 第 12章 CSS原子化与工具类 第 13章 Bootstrap的栅格布局 第 14章 Bootstrap的表单样式 第 15章 Bootstrap的组件库 第 16章 综合实例二:产品着陆页 第 17章 综合实例三:网络相册 ## 详细目录 【上篇】 jQuery篇 第 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的新特性 13 2.1.1 let关键字 14 2.1.2 const关键字 14 2.1.3 for…of循环 15 2.1.4 字符串模板 15 2.1.5 参数默认值 16 2.1.6 类与继承 16 2.1.7 箭头函数 17 2.1.8 剩余运算符与剩余参数 19 2.1.9 展开运算符 19 2.1.10 数组的解构赋值 19 2.1.11 对象的解构赋值 20 2.1.12 模块 20 2.2 HTML5新增的语义化标记 21 2.3 CSS3引入的常用新特性 23 2.3.1 新增的常用样式属性 23 2.3.2 新增的布局方式——弹性盒子 25 2.3.3 新增的布局方式——网格 26 本章小结 27 习题2 27 第3章 jQuery选择器与管理结果集 3.1 选择器 28 3.1.1 属性选择器 28 3.1.2 包含选择器 31 3.1.3 位置选择器 32 3.1.4 过滤选择器 35 3.1.5 反向选择器 36 3.2 遍历DOM 37 3.2.1 children() 37 3.2.2 parent()和parents() 39 3.2.3 siblings() 41 3.3 管理结果集 43 3.3.1 获取选中元素的个数 43 3.3.2 提取元素 44 3.3.3 添加、删除、过滤 46 3.3.4 查找 49 3.3.5 遍历 50 3.4 jQuery链 51 本章小结 51 习题3 51 第4章 使用jQuery控制DOM 4.1 网页中的DOM框架 54 4.2 DOM中的节点 54 4.2.1 元素节点 55 4.2.2 文本节点 55 4.2.3 属性节点 55 4.3 标记的属性 55 4.3.1 获取属性的值 56 4.3.2 设置属性的值 57 4.3.3 删除属性 59 4.4 元素的样式 59 4.4.1 添加、删除CSS类 60 4.4.2 动态切换 60 4.4.3 直接获取、设置样式 61 4.5 页面的元素 63 4.5.1 直接获取、编辑内容 63 4.5.2 添加元素 64 4.5.3 删除元素 68 4.5.4 克隆元素 70 4.6 表单元素的值 71 4.6.1 获取表单元素的值 72 4.6.2 设置表单元素的值 73 4.7 元素的尺寸 74 4.8 元素的位置 76 4.8.1 offset()方法 76 4.8.2 position()方法 77 4.8.3 scrollTop()方法 78 本章小结 79 习题4 79 第5章 jQuery事件 5.1 事件与事件流 80 5.2 事件监听 81 5.2.1 bind()方法 81 5.2.2 one()方法 83 5.2.3 JavaScript的事件监听 84 5.3 事件删除 85 5.4 事件对象 87 5.5 事件触发 88 5.6 事件的动态交替 89 5.6.1 hover事件的交替 89 5.6.2 click事件的交替 90 5.7 事件委托 91 5.8 动手练习:快餐在线 93 5.8.1 框架搭建 93 5.8.2 添加事件 94 5.8.3 样式 97 本章小结 99 习题5 99 第6章 jQuery的功能函数 6.1 处理JavaScript对象 101 6.1.1 遍历 101 6.1.2 数据过滤 103 6.1.3 数组的转化 104 6.1.4 数组元素的查找 107 6.2 $.data()方法 108 6.3 $.extend()方法 109 6.4 类型判断 110 本章小结 112 习题6 112 第7章 jQuery与AJAX 7.1 认识AJAX 113 7.1.1 AJAX的基本概念 113 7.1.2 AJAX的组成 115 7.2 获取异步数据 115 7.2.1 传统方法 116 7.2.2 jQuery的load()方法 117 7.3 GET与POST 119 7.4 控制AJAX 121 7.4.1 设置AJAX访问服务器的细节 121 7.4.2 全局设定AJAX 123 7.4.3 AJAX事件 124 7.4.4 实例:模拟百度的数据加载 126 7.5 实例:利用jQuery制作自动提示的文本框 128 7.5.1 框架结构 128 7.5.2 匹配用户输入 129 7.5.3 显示 清除提示框 130 本章小结 133 习题7 133 第8章 利用jQuery制作动画与** 8.1 元素的显示和隐藏 135 8.1.1 show()和hide() 135 8.1.2 实例:多级菜单 136 8.1.3 toggle() 138 8.2 淡入淡出的** 138 8.2.1 再探讨show()、hide()和toggle() 139 8.2.2 fadeIn()和fadeOut() 140 8.2.3 自定义变化透明度 141 8.3 幻灯片** 142 8.4 自定义动画 144 本章小结 145 习题8 146 第9章 jQuery插件 9.1 模拟加入购物车 147 9.1.1 鼠标拖曳 147 9.1.2 拖入购物车 151 9.2 流行的Tab菜单 152 本章小结 155 习题9 155 第 10章 综合实例一:网页留言本 10.1 基本留言本 156 10.2 改用AJAX方式实现留言本 158 10.2.1 读取留言列表 158 10.2.2 保存并返回新留言 159 10.2.3 留言本入口页面 159 10.3 对表单数据进行验证 161 本章小结 162 【下篇】 Bootstrap篇 第 11章 Bootstrap基础 11.1 Bootstrap是什么 164 11.2 下载并使用Bootstrap 165 11.3 常用样式 167 11.3.1 文本样式 167 11.3.2 图片样式 171 11.3.3 表格样式 172 11.4 图标库 174 本章小结 176 习题11 176 第 12章 CSS原子化与工具类 12.1 CSS原子化理念 177 12.2 Bootstrap的工具类规则 181 12.3 颜色工具类 182 12.4 尺寸工具类 184 12.4.1 font-size 184 12.4.2 padding和margin 184 12.4.3 width和height 185 12.5 布局工具类 186 12.5.1 display 186 12.5.2 flexbox 186 12.5.3 实例:制作导航栏 187 12.5.4 float 190 12.6 其他工具类 191 12.7 动手练习:创建嵌套的留言布局 192 12.7.1 搭建框架 193 12.7.2 用工具类布局 193 12.7.3 头像放在右侧 194 12.7.4 实现布局的嵌套 194 本章小结 195 习题12 195 第 13章 Bootstrap的栅格布局 13.1 栅格布局基础 196 13.1.1 栅格布局的理念 196 13.1.2 实例 198 13.1.3 理解屏幕的分辨率概念 204 13.2 基本用法 206 13.2.1 响应式断点 206 13.2.2 常规用法 207 13.2.3 设置行间距与列间距 209 13.3 **用法 212 13.3.1 栅格嵌套 212 13.3.2 流式布局 213 13.3.3 设定列宽 214 13.3.4 列的偏移与对齐 216 本章小结 219 习题13 219 第 14章 Bootstrap的表单样式 14.1 表单控件样式 221 14.1.1 输入框 221 14.1.2 选择框 224 14.1.3 单选框与复选框 225 14.1.4 滑动条输入 227 14.1.5 输入组 227 14.2 表单布局 228 14.3 表单校验 230 14.3.1 客户端校验 230 14.3.2 服务器端校验 232 14.4 动手练习:创建一个下单结账页面 233 本章小结 234 习题14 235 第 15章 Bootstrap的组件库 15.1 按钮 236 15.2 反馈和提示类组件 238 15.2.1 警告框 238 15.2.2 加载中 238 15.2.3 轻量提示 239 15.2.4 模态框 242 15.3 导航栏 244 15.4 卡片 248 15.5 轮播图 252 本章小结 253 习题15 253 第 16章 综合实例二:产品着陆页 16.1 页面结构分析 256 16.2 制作页头和页脚 257 16.3 制作第 一屏 258 16.4 制作图文介绍 259 16.5 制作课程特色 261 16.6 适配平板电脑端 262 16.6.1 适配页头 263 16.6.2 适配第 一屏 263 16.6.3 适配图文介绍 264 16.6.4 适配课程特色 265 16.7 适配PC端 266 本章小结 268 第 17章 综合实例三:网络相册 17.1 分析架构 269 17.2 模块拆分 270 17.2.1 缩略图排列 270 17.2.2 缩略图提示 272 17.2.3 显示大图 273 17.3 功能细化 273 17.3.1 单击缩略图显示大图 273 17.3.2 浏览大图 274 17.3.3 单击大图切换为下一幅图 276 本章小结 276