jQuery是一个被广泛使用的JavaScript库,实现了对JavaScript常用功能的封装和对浏览器兼容问题的处理。jQuery的设计宗旨是“write less,do more”,以简洁的代码实现较为丰富的功能。jQuery代码简洁,提高了开发效率,对浏览器兼容性问题的处理也使开发人员能更集中精力处理业务逻辑。以上优点让jQuery成为前端从业人员必备的开发技能。
本书分为9章,内容主要包括jQuery的基本使用方式、jQuery的选择器、DOM元素操作、事件处理机制、动画方法、Ajax交互、插件和用户界面库。为了加深读者对jQuery的认识,书中还配有生动的案例,让读者可以快速理解吸收jQuery知识。本书还提供了图书管理系统、在线商城等综合项目,读者可以依照项目做相应训练,以增强实践能力。
本书适合作为高等院校本、专科计算机相关专业的教材使用,也可作为网页制作爱好者的参考书自学使用,是一本适合广大计算机编程爱好者的优秀读物。
本教材主要有以下特色:
一、技术全面,实战性强
不仅局限于jQuery,还覆盖了在jQuery开发中的许多成熟的插件和库,如jQuery EasyUI、UEditor、ECharts、WebUploader,并应用到综合项目中。
二、讲解细致,内容实用
对jQuery进行了细致、全面的讲解,并突出了重点,帮助初学者快速掌握实用的技术。
三、案例丰富,即学即练
书中穿插了大量丰富、精美、实用的案例,将所学知识及时巩固。
第1章 初识jQuery 1 1.1 jQuery简介 1 1.1.1 什么是jQuery 1 1.1.2 jQuery的版本 2 1.2 如何使用jQuery 3 1.2.1 jQuery的下载和引入 3 1.2.2 第一个jQuery程序 4 1.2.3 jQuery的语法特点 5 1.3 DOM对象与jQuery对象 6 1.3.1 什么是DOM对象 6 1.3.2 什么是jQuery对象 8 1.3.3 jQuery对象与DOM对象的转换 9 1.4 开发和调试工具的使用 10 1.4.1 开发工具——HBuilder 10 1.4.2 调试工具——Chrome开发者工具 13 本章小结 15 课后习题 16 第2章 jQuery选择器 18 2.1 jQuery选择器简介 18 2.1.1 什么是jQuery选择器 19 2.1.2 jQuery选择器的优势 19 2.2 基本选择器 20 2.3 层次选择器 22 2.4 【案例】折叠式菜单 26 2.5 过滤选择器 29 2.5.1 基本过滤选择器 30 2.5.2 可见性过滤选择器 31 2.5.3 内容过滤选择器 33 2.5.4 属性过滤选择器 35 2.5.5 子元素过滤选择器 36 2.5.6 表单过滤选择器 38 2.5.7 表单对象属性过滤选择器 41 2.6 【案例】精品展示 41 本章小结 45 课后习题 45 第3章 jQuery操作DOM 47 3.1 操作元素样式 47 3.1.1 操作样式属性 48 3.1.2 操作元素类 52 3.1.3 操作元素的尺寸 55 3.1.4 操作元素的位置 59 3.1.5 【案例】高亮显示图片 62 3.2 操作元素属性 64 3.2.1 获取和设置元素属性值 64 3.2.2 设置元素的状态属性 66 3.3 操作元素内容 66 3.3.1 获取和设置元素HTML内容和文本 67 3.3.2 获取和设置表单的值 67 3.3.3 【案例】留言板 69 3.4 操作DOM节点 71 3.4.1 创建节点 71 3.4.2 插入节点 73 3.4.3 删除节点 76 3.4.4 复制节点 79 3.4.5 替换节点 80 3.4.6 包裹节点 81 3.4.7 遍历节点 83 3.4.8 【案例】权限选择 85 本章小结 89 课后习题 89 第4章 jQuery事件处理机制 92 4.1 常用事件 92 4.1.1 jQuery事件方法 93 4.1.2 页面加载事件 94 4.1.3 鼠标事件 95 4.1.4 焦点事件 98 4.1.5 改变事件 99 4.1.6 【案例】星级评价 99 4.2 事件绑定与事件解绑 102 4.2.1 事件绑定 102 4.2.2 事件解绑 105 4.2.3 【案例】动态添加和删除表格数据 108 4.3 事件触发 113 4.4 事件冒泡 115 4.4.1 什么是事件冒泡 115 4.4.2 如何实现事件冒泡 116 4.4.3 如何阻止事件冒泡 117 4.5 事件对象 118 本章小结 121 课后习题 122 第5章 jQuery动画 124 5.1 常用动画 124 5.1.1 元素的显示和隐藏 124 5.1.2 元素的淡入和淡出 127 5.1.3 元素的上滑和下滑 129 5.1.4 【案例】星空闪烁 130 5.2 自定义动画 133 5.2.1 简单自定义动画 133 5.2.2 加入表达式的动画 136 5.3 停止动画 138 5.3.1 停止元素动画的方法 138 5.3.2 判断元素是否处于动画状态 140 5.3.3 【案例】导航下拉列表 141 本章小结 144 课后习题 145 第6章 jQuery的Ajax操作 147 6.1 Ajax简介 147 6.1.1 什么是Ajax 147 6.1.2 搭建WampServer服务器 148 6.1.3 在HBuilder中配置WampServer服务器 152 6.2 jQuery的Ajax操作 153 6.2.1 加载HTML内容 153 6.2.2 发送GET和POST请求 156 6.2.3 数据格式处理 159 6.2.4 获取JSON数据 164 6.2.5 获取JavaScript代码并执行 166 6.3 Ajax底层操作 167 6.3.1 $.ajax()的基本使用 167 6.3.2 Ajax相关事件 170 6.3.3 Ajax全局配置 174 6.4 序列化表单 177 6.4.1 表单序列化为字符串 177 6.4.2 表单序列化为对象 178 6.5 【案例】图书管理系统 179 6.5.1 功能介绍 179 6.5.2 系统设计 180 6.5.3 用户界面 181 6.5.4 查询图书 183 6.5.5 新增和修改图书 185 6.5.6 删除图书 188 本章小结 188 课后习题 188 第7章 jQuery插件和前端常用组件 191 7.1 jQuery插件的概述 191 7.2 开发自定义插件 192 7.2.1 封装jQuery对象方法的插件 192 7.2.2 封装静态方法插件 196 7.2.3 【案例】自定义焦点图插件 199 7.3 模板引擎 204 7.3.1 art-template快速入门 204 7.3.2 标准语法和常用方法 206 7.4 数据可视化图表 208 7.4.1 快速体验ECharts 208 7.4.2 EChars的常用配置项 211 7.5 文件上传 217 7.5.1 快速体验WebUploader 217 7.5.2 显示上传进度 220 7.5.3 图片上传操作 222 7.6 编辑器 223 7.6.1 快速体验UEditor 224 7.6.2 定制工具栏图标 226 7.6.3 UEditor常用方法 227 本章小结 229 课后习题 229 第8章 用户界面库 232 8.1 jQuery UI 232 8.1.1 下载jQuery UI 233 8.1.2 交互组件 234 8.1.3 扩展组件 237 8.1.4 动画特效 240 8.2 jQuery EasyUI 243 8.2.1 下载jQuery EasyUI 244 8.2.2 EasyUI的使用规则 244 8.2.3 界面布局 246 8.2.4 界面组件 253 8.3 jQuery Mobile 264 8.3.1 下载jQuery Mobile 264 8.3.2 移动导航 266 8.3.3 列表视图 267 8.3.4 选择菜单 269 本章小结 270 课后习题 271 第9章 项目实战——在线商城 273 9.1 项目简介 273 9.1.1 项目展示 274 9.1.2 技术方案 274 9.2 项目开发说明 276 本章小结 277 课后习题 278