JAVASCRIPT与JQUERY实战教程(第2版)/卢淑萍

本书着眼于Web前端工程师必备技能，书中提供了小型动态网站真实工作任务，配套资源丰富。本书第1版广受欢迎，第2版在其基础上更新了最新的资料，并提供了更优质的工作任务内容，还可以使用微信扫一扫功能观看操作视频。

本书以Web前端工程师所需的职业技能为核心，围绕用户交互设计的实现为主线，通过工作任务为脉络展开教学。本书全面系统地介绍了用户交互设计的主要技术，内容涵盖了JavaScript基础、BOM编程、DOM编程、JavaScript与CSS交互、事件处理、jQuery基础、jQuery中的DOM操作、jQuery中的事件、jQuery制作动画、jQuery插件应用及Ajax异步技术等。全书内容由浅入深，并辅以大量的实例说明，操作性、实用性强。

卢淑萍，女，1979年5月生，硕士学位，软件设计师，广东科学技术职业学院讲师。曾主持校级精品资源共享课程“用户交互设计与实现”建设，参与国家级精品资源共享课程“大型数据库（oracle）应用与开发”建设，参与珠海大成文化传播公司房联电子商务平台研发。

第1章JavaScript概述00 任务1.1认识JavaScript00 1.1.1JavaScript的起源00 1.1.2JavaScript的作用00 1.1.3JavaScript的基本特点00 1.1.4JavaScript的组成00 任务1.2在页面显示个人信息00 1.2.1选择JavaScript脚本编辑器00 1.2.2脚本的基本结构00 1.2.3在网页中引用JavaScript的方式00 1.2.4常用的输入/输出语句00 1.2.5任务实现0 任务1.3测试综合案例在主流浏览器上的兼容性0 1.3.1浏览器之间的冲突0 1.3.2标准的制定0 1.3.3任务实现0 小结0 实训0 课后练习0 第2章JavaScript基础0 任务2.1显示变量数据类型0 2.1.1变量0 2.1.2数据类型0 2.1.3运算符号0 2.1.4任务实现0 任务2.2根据成绩给出学生考评0 2.2.1if语句0 2.2.2switch语句0 2.2.3任务实现0 任务2.3实现猜数游戏0 2.3.1for循环0 2.3.2while循环0 2.3.3do...while循环0 2.3.4for...in循环0 2.3.5中断循环语句0 2.3.6任务实现0 任务2.4制作简易计算器0 2.4.1数值判断函数0 2.4.2自定义函数0 2.4.3任务实现0 小结0 实训0 课后练习0 JavaScript 与jQuery实战教程（第2版） 目录 第3章JavaScript对象编程0 任务3.1在页面动态显示系统时间0 3.1.1Date对象的创建0 3.1.2Date对象的常用方法0 3.1.3定时器函数0 3.1.4任务实现0 任务3.2制作随机选号页面0 3.2.1Math对象的常用属性0 3.2.2Math对象的常用方法0 3.2.3任务实现0 任务3.3制作简单的焦点图效果0 3.3.1数组的创建0 3.3.2数组的访问0 3.3.3数组的常用属性和方法0 3.3.4任务实现0 任务3.4使用JSON显示图书信息0 3.4.1什么是JSON0 3.4.2JSON的语法规则0 3.4.3JSON对象0 3.4.4JSON数组0 3.4.5任务实现0 任务3.5验证注册页面信息0 3.5.1String对象的创建0 3.5.2String对象的常用属性和方法0 3.5.3任务实现0 任务3.6使用正则表达式验证注册页面信息0 3.6.1定义正则表达式0 3.6.2正则表达式的操作方法0 3.6.3正则表达式的模式0 3.6.4任务实现0 小结0 实训0 课后练习0 第4章BOM编程0 任务4.1制作弹出窗口特效0 4.1.1BOM对象模型参考0 4.1.2window对象的常用属性0 4.1.3window对象的常用方法0 4.1.4任务实现 任务4.2制作网页标题交替显示效果 4.2.1document对象的常用属性 4.2.2任务实现 任务4.3制作复选框全选效果 4.3.1document对象的常用方法 4.3.2任务实现 小结 实训 课后练习 第5章DOM编程 任务5.1画出页面的文档节点结构图 5.1.1什么是DOM 5.1.2DOM的组成 5.1.3DOM模型中的节点 5.1.4任务实现 任务5.2使用Core DOM方式动态添加表格 5.2.1节点的常用属性和方法 5.2.2查看节点 5.2.3创建和增加节点 5.2.4删除和替换节点 5.2.5任务实现 任务5.3使用HTML DOM方式动态添加表格 5.3.1HTML DOM对象 5.3.2访问HTML DOM对象的属性 5.3.3表格对象 5.3.4任务实现 任务5.4拓展 5.4.1用DOM的文档碎片提高页面的执行效率 5.4.2在特定节点后插入节点 小结 实训 课后练习 第6章JavaScript与CSS交互 任务6.1使用JavaScript动态改变导航菜单样式 6.1.1style属性 6.1.2className属性 6.1.3任务实现 任务6.2制作图片轮显效果 6.2.1visibility属性 6.2.2display属性 6.2.3任务实现 任务6.3制作随光标滚动的广告图片 6.3.1获取样式属性值 6.3.2页面事件 6.3.3任务实现 任务6.4拓展 6.4.1制作Tab切换效果 6.4.2制作光标移到某图片上显示该图片对应大图 小结 实训 课后练习 第7章jQuery基础 任务7.1使用jQuery在警告框中显示“Hello World!” 7.1.1jQuery的优势 7.1.2配置jQuery环境 7.1.3jQuery开发工具和插件 7.1.4任务实现 任务7.2网站品牌列表的显示与收起 7.2.1基本选择器 7.2.2层次选择器 7.2.3过滤选择器 7.2.4任务实现 任务7.3拓展 7.3.1jQuery对象与DOM对象 7.3.2表单选择器 小结 实训 课后练习 第8章jQuery中的DOM操作 任务8.1制作图片展示效果 8.1.1获取和设置属性 8.1.2删除属性 8.1.3任务实现 任务8.2制作留言板前端局部更新效果 8.2.1查找节点 8.2.2创建节点 8.2.3插入节点 8.2.4任务实现 任务8.3制作电子邮件删除效果 8.3.1删除节点 8.3.2复制节点 8.3.3替换节点 8.3.4遍历节点 8.3.5任务实现 任务8.4表格隔行变色和当前行变色 8.4.1获取和设置style对象的属性 8.4.2获取和设置class样式 8.4.3追加和移除样式 8.4.4判断是否含有某个样式 8.4.5任务实现 任务8.5拓展 8.5.1制作导航栏菜单效果 8.5.2制作层叠图片横向平滑移动轮播切换效果 小结 实训 课后练习 第9章jQuery中的事件 任务9.1微博字数统计 9.1.1加载DOM 9.1.2事件绑定 9.1.3事件移除 9.1.4简写事件 9.1.5任务实现 任务9.2制作图片提示效果 9.2.1事件对象 9.2.2事件冒泡 9.2.3任务实现 任务9.3制作顶部导航菜单效果 9.3.1合成事件hover 9.3.2特殊事件one 9.3.3任务实现 任务9.4拓展 9.4.1模拟操作trigger()方法 9.4.2事件命名空间 小结 实训 课后练习 第10章jQuery制作动画 任务10.1FAQ答案的显示和隐藏 10.1.1show()和hide()方法 10.1.2fadeIn()和fadeOut()方法 10.1.3slideUp()和slideDown()方法 10.1.4任务实现 任务10.2图片横向移动效果 10.2.1自定义动画方法animate() 10.2.2动画回调函数 10.2.3停止动画和判断是否处于动画状态 10.2.4任务实现 任务10.3拓展 10.3.1焦点幻灯片效果 10.3.2背景动画全屏焦点图效果 小结 实训 课后练习 第11章jQuery插件应用 任务11.1使用ssMenu固定侧边栏插件 11.1.1ssMenu插件简介 11.1.2ssMenu插件下载 11.1.3任务实现 任务11.2Pinterest Grid实现响应式网格瀑布流布局 11.2.1Pinterest Grid插件简介 11.2.2Pinterest Grid插件参数 11.2.3任务实现 任务11.3编写表格隔行变色插件 11.3.1插件的种类 11.3.2插件的注意事项 11.3.3jQuery插件的机制 11.3.4命名空间 11.3.5编写jQuery插件 11.3.6任务实现 任务11.4使用Swiper插件实现图片切换 11.4.1Swiper插件简介 11.4.2Swiper组件 11.4.3Swiper插件的基本用法 11.4.4用Swiper插件实现缩放的图片切换 小结 实训 课后练习 第12章项目案例： 融合工厂企业官网 任务12.1案例分析 12.1.1需求概述 12.1.2开发环境 12.1.3案例覆盖的技能点 12.1.4开发技巧 任务12.2页面交互效果实现 12.2.1整站通用交互效果 12.2.2首页交互效果 12.2.3传媒服务页面交互效果 小结 参考文献

随着互联网技术的迅猛发展，产生了对基于Web软件的大量需求，而良好的Web前端交互设计与用户体验，对于Web应用在吸引用户方面起着至关重要的作用。JavaScript是Web客户端的主流编程语言，该技术目前几乎被所有的主流浏览器支持，也应用于市面上绝大部分网站中。随着JavaScript的广泛使用，基于JavaScript的框架也层出不穷，jQuery是JavaScript框架中的优秀代表，也是目前网络上使用范围最广泛的JavaScript函数库，凭借其简洁的语法让开发者轻松实现很多以往需要大量JavaScript开发才能完成的功能和特效，并对CSS、DOM、Ajax等各种标准Web技术提供了许多实用而简便的方法，同时很好地解决了浏览器之间的兼容性问题。 本书从零开始讲解JavaScript与jQuery技术，全书以任务为驱动，内容循序渐进、案例丰富实用，既可作为JavaScript、jQuery初学者的入门教程，也可为具有一定Web前端基础的读者进一步学习提供参考。本书针对“Web前端工程师”所需技能，以工作任务为核心重新选择和组织专业知识体系，按工作过程设计学习情景，强化Web前端工程师所需要技能，提升动手能力，是一本应用当前流行前端技术实现客户端交互效果的实用教程。与其他同类教材相比，本书具有以下特点。 突出客户端网页交互效果制作能力的培养。本书按照工学结合教材的编写思路，精心设计了5个教学环节： 工作任务、实训、拓展、小结和课后练习。让读者在反复动手实践中，学会应用所学知识解决实际问题。 教学内容根据真实工作任务来设定，选取的教学内容适用于设计与制作小型的动态网站，即制作包含常见动态交互效果、界面美观大方的网站，选取的教学内容也可以作为大型网站规划与建设的基础。 本书内容由浅入深，并辅以大量的实例说明，操作性和实用性较强。 充分考虑学生认知规律，化解知识难点。本书面向实际应用组织教材内容，通过实例进行讲解、分析。 本书配套教学资源丰富，包括教学课件（PPT）、教学案例、操作视频、案例素材、教案、授课计划、拓展资源和课后练习答案等教学资源，方便教师教学和学生进行课后练习。读者可登录（https://mooc1.chaoxing.com/course/201722314.html）网站获取。书中的二维码可以通过微信“扫一扫”功能观看相应的微课。 本书作者既有高校教学经验丰富的“双师型教师”，又有企业一线工程师。人员分工如下： 王先清编写了第1~3章； 叶玫编写了第4~6章； 晋中师范高等专科学校曹利编写了第7章和第8章； 卢淑萍编写了第9~11章； 企业工程师黄伟民编写了第12章。 由于编者水平有限，书中难免存在疏漏之处，敬请各位专家和读者批评指正。 编者邮箱： 58613802@qq.com。 编者 2019年4月