jQuery前端开发(全案例微课版)

第1章 jQuery框架快速入门 001 1.1 认识jQuery 002 1.1.1 jQuery能做什么 002 1.1.2 jQuery的特点 002 1.2 下载并安装jQuery 003 1.2.1 下载jQuery 003 1.2.2 安装jQuery 004 1.3 网页的开发工具 004 1.3.1 使用记事本手工编写HTML文件 004 1.3.2 使用WebStorm编写HTML文件 005 1.4 jQuery与CSS 008 1.4.1 CSS构造规则 008 1.4.2 浏览器的兼容性 009 1.4.3 jQuery的引入 010 1.5 jQuery的技术优势 010 1.6 新手常见疑难问题 012 1.7 实战训练营 013 第2章 jQuery的选择器 014 2.1 jQuery的$ 015 2.1.1 $符号的应用 015 2.1.2 功能函数的前缀 015 2.1.3 创建DOM元素 016 2.2 基本选择器 017 2.2.1 通配符选择器（*） 017 2.2.2 ID选择器（#id） 017 2.2.3 类名选择器（.class） 018 2.2.4 元素选择器（element） 019 2.2.5 复合选择器 020 2.3 层级选择器 020 2.3.1 祖先后代选择器（ancestor descendant） 020 2.3.2 父子选择器（parent>child） 022 2.3.3 相邻元素选择器（prev+next） 023 2.3.4 兄弟选择器（prev～siblings） 023 2.4 过滤选择器 024 2.4.1 简单过滤选择器 024 2.4.2 内容过滤选择器 028 2.4.3 可见性过滤器 031 2.4.4 表单过滤器 033 2.5 表单选择器 035 2.5.1 :input 035 2.5.2 :text 036 2.5.3 :password 036 2.5.4 :radio 037 2.5.5 :checkbox 038 2.5.6 :submit 038 2.5.7 :reset 039 2.5.8 :button 040 2.5.9 :image 040 2.5.10 :file 041 2.6 属性选择器 042 2.6.1 [attribute] 042 2.6.2 [attribute=value] 043 2.6.3 [attribute!=value] 043 2.6.4 [attribute$=value] 044 2.7 新手常见疑难问题 045 2.8 实战训练营 047 第3 章 使用jQuery 控制页面 048 3.1 对页面的内容进行操作 049 3.1.1 对文本内容进行操作 049 3.1.2 对HTML 内容进行操作 050 3.2 对标签的属性进行操作 051 3.2.1 获取属性的值 051 3.2.2 设置属性的值 052 3.2.3 删除属性的值 052 3.3 对表单元素进行操作 053 3.3.1 获取表单元素的值 053 3.3.2 设置表单元素的值 054 3.4 对元素的CSS 样式进行操作 054 3.4.1 添加CSS 类 054 3.4.2 删除CSS 类 056 3.4.3 动态切换CSS 类 056 3.4.4 获取和设置CSS 样式 057 3.5 获取与编辑DOM 节点 058 3.5.1 插入节点 058 3.5.2 删除节点 060 3.5.3 复制节点 061 3.5.4 替换节点 062 3.6 新手常见疑难问题 063 3.7 实战训练营 064 第4 章 事件处理 066 4.1 jQuery 的事件机制 067 4.2 页面加载响应事件 069 4.3 jQuery 中的事件函数 069 4.3.1 键盘操作事件 069 4.3.2 鼠标操作事件 071 4.3.3 其他的常用事件 073 4.4 事件的基本操作 075 4.5 新手常见疑难问题 077 4.6 实战训练营 078 第5 章 设计网页中动画特效 080 5.1 网页动画特效的实现方法 081 5.1.1 通过CSS 实现动画特效 081 5.1.2 通过jQuery 实现动画特效 082 5.2 jQuery 的基本动画效果 083 5.2.1 隐藏元素 083 5.2.2 显示元素 085 5.2.3 状态切换 087 5.3 淡入淡出的动画效果 088 5.3.1 淡入隐藏元素 088 5.3.2 淡出可见元素 089 5.3.3 切换淡入淡出元素 089 5.3.4 淡入淡出元素至指定数值 090 5.4 滑动效果 091 5.4.1 滑动显示匹配的元素 091 5.4.2 滑动隐藏匹配的元素 092 5.4.3 通过高度的变化动态切换元素的可见性 093 5.5 自定义动画效果 094 5.5.1 创建自定义动画 094 5.5.2 停止动画 095 5.6 新手常见疑难问题 096 5.7 实战训练营 096 第6 章 jQuery 的功能函数 098 6.1 功能函数概述 099 6.2 常用的功能函数 099 6.2.1 操作数组和对象 099 6.2.2 操作字符串 102 6.2.3 序列化操作 103 6.3 新手常见疑难问题 104 6.4 实战训练营 104 第7 章 jQuery 插件的应用与开发 106 7.1 理解插件 107 7.2 流行的jQuery 插件 108 7.2.1 jQueryUI 插件 108 7.2.2 Form 插件 110 7.2.3 提示信息插件 111 7.2.4 jcarousel 插件 112 7.3 自定义插件 113 7.3.1 插件的工作原理 113 7.3.2 自定义一个简单的插件 114 7.4 新手常见疑难问题 116 7.5 实战训练营 117 第8 章 jQuery 与Ajax 技术的应用 118 8.1 Ajax 概述 119 8.2 Ajax 技术的组成 121 8.3 XMLHttpRequest 对象的使用 123 8.3.1 初始化XMLHttpRequest 对象 123 8.3.2 XMLHttpRequest 对象的属性 124 8.3.3 XMLHttpRequest 对象的方法 125 8.4 Ajax 异步交互的应用 126 8.4.1 什么是异步交互 127 8.4.2 异步对象连接服务器 127 8.4.3 GET 和POST 模式 129 8.4.4 服务器返回XML 130 8.4.5 处理多个异步请求 132 8.5 jQuery 中的Ajax 133 8.5.1 load() 方法 134 8.5.2 $.get() 方法和$.post() 方法 136 8.5.3 $.getScript() 方法和$.getJson() 方法 137 8.5.4 $.ajax() 方法 139 8.6 新手常见疑难问题 140 8.7 实战技能训练营 141 第9 章 jQuery 的经典交互特效案例 143 9.1 设计时间轴特效 144 9.2 设计tab 页面切换效果 145 9.3 设计滑动门特效 147 9.4 设计焦点图轮播特效 148 9.5 设计网页定位导航特效 150 9.6 设计导航条菜单效果 152 9.7 设计瀑布流特效 154 9.8 设计弹出层效果 155 9.9 设计倒计时效果 156 9.10 设计抽奖效果 157 9.11 新手常见疑难问题 159 9.12 实战技能训练营 160 第10 章 jQuery Mobile 快速入门 161 10.1 认识jQuery Mobile 162 10.2 跨平台移动设备网页jQuery Mobile 162 10.2.1 移动设备模拟器 162 10.2.2 jQuery Mobile 的安装 164 10.2.3 jQuery Mobile 网页的架构 166 10.3 创建多页面的jQuery Mobile 网页 166 10.4 创建模态页 167 10.5 绚丽多彩的页面切换效果 169 10.6 新手常见疑难问题 170 10.7 实战技能训练营 171 第11 章 使用UI 组件 172 11.1 套用UI 组件 173 11.1.1 表单组件 173 11.1.2 按钮和组按钮 179 11.1.3 按钮图标 181 11.1.4 弹窗 182 11.2 列表 183 11.2.1 列表视图 184 11.2.2 列表内容 186 11.2.3 列表过滤 187 11.3 面板和可折叠块 189 11.3.1 面板 189 11.3.2 可折叠块 190 11.4 导航条 191 11.5 jQuery Mobile 主题 194 11.6 新手常见疑难问题 197 11.7 实战技能训练营 197 第12 章 jQuery Mobile 事件 199 12.1 页面事件 200 12.1.1 初始化事件 200 12.1.2 外部页面加载事件 202 12.1.3 页面过渡事件 203 12.2 触摸事件 205 12.2.1 点击事件 205 12.2.2 滑动事件 207 12.3 滚屏事件 208 12.4 定位事件 210 12.5 新手常见疑难问题 211 12.6 实战技能训练营 212 第13 章 数据存储和读取技术 213 13.1 认识Web 存储 214 13.1.1 本地存储和Cookies 的区别 214 13.1.2 Web 存储方法 214 13.2 使用HTML5 Web Storage API 214 13.2.1 测试浏览器的支持情况 214 13.2.2 使用sessionStorage方法创建对象 215 13.2.3 使用localStorage 方法创建对象 216 13.2.4 Web Storage API 的其他操作 217 13.2.5 使用JSON 对象存取数据 218 13.3 目前浏览器对Web 存储的支持情况 220 13.4 制作简单Web 留言本 220 13.5 认识Web SQL Database 221 13.6 使用Web SQL Database 操作数据 222 13.6.1 数据库的基本操作 222 13.6.2 数据表的基本操作 223 13.6.3 数据的基本操作 224 13.7 创建简易的学生管理系统 225 13.8 选择文件 227 13.8.1 选择单个文件 227 13.8.2 选择多个文件 228 13.9 使用FileReader 接口读取文件 228 13.9.1 检测浏览器是否支持FileReader 接口 228 13.9.2 FileReader 接口的方法 229 13.9.3 使用readAsDataURL方法预览图片 229 13.9.4 使用readAsText 方法读取文本文件 230 13.10 新手常见疑难问题 232 13.11 实战技能训练营 232 第14 章 响应式网页设计 234 14.1 什么是响应式网页设计 235 14.2 像素和屏幕分辨率 236 14.3 视口 236 14.4 响应式网页的布局设计 238 14.5 响应式图片 240 14.6 响应式视频 242 14.7 响应式导航菜单 243 14.8 响应式表格 245 14.8.1 隐藏表格中的列 245 14.8.2 滚动表格中的列 246 14.8.3 转换表格中的列 247 14.9 新手常见疑难问题 249 14.10 实战技能训练营 250 第15 章 流行的响应式开发框架Bootstrap 251 15.1 Bootstrap 概述 252 15.2 下载Bootstrap 253 15.3 安装和使用Bootstrap 255 15.4 使用常用组件 256 15.4.1 使用下拉菜单 256 15.4.2 使用按钮组 257 15.4.3 使用导航组件 258 15.4.4 绑定导航和下拉菜单 260 15.4.5 使用面包屑 261 15.4.6 使用广告屏 261 15.4.7 使用card（卡片） 262 15.4.8 使用进度条 263 15.4.9 使用模态框 266 15.4.10 使用滚动监听 268 15.5 胶囊导航选项卡（Tab 栏） 269 15.6 新手常见疑难问题 271 15.7 实战技能训练营 272 第16 章 项目实训1——开发时尚购物网站 273 16.1 系统分析 274 16.2 系统设计 274 16.3 网页预览 275 16.4 项目代码实现 280 16.4.1 首页页面代码 280 16.4.2 动态效果代码 292 16.4.3 购物车代码 293 16.4.4 登录页面代码 295 16.4.5 商品展示页面代码 296 16.4.6 联系我们页面代码 301 16.5 项目总结 302 第17 章 项目实训2——开发连锁咖啡响应式网站 304 17.1 网站概述 305 17.2 设计首页布局 307 17.3 设计可切换导航 308 17.4 主体内容 313 17.4.1 设计轮播广告区 313 17.4.2 设计产品推荐区 315 17.4.3 设计登录注册和logo 316 17.4.4 设计特色展示区 317 17.4.5 设计产品生产流程区 318 17.5 设计底部隐藏导航 321 第18 章 项目实训3——连锁酒店订购系统APP 322 18.1 连锁酒店订购的需求分析 323 18.2 网站的结构 323 18.3 连锁酒店系统的代码实现 324 18.3.1 设计首页 324 18.3.2 设计订购页面 325 18.3.3 设计连锁分店页面 329 18.3.4 设计查看订单页面 331 18.3.5 设计酒店介绍页面 332 18.4 APP 的打包和测试 332