jQuery网页特效设计基础教程 慕课版

 

本书作为jQuery课程的教材，系统全面地介绍了有关jQuery开发所涉及的各类知识。全书共分12章，内容包括JavaScript基础、初识jQuery、使用jQuery选择器、使用jQuery操作DOM、jQuery中的事件处理和动画效果、使用jQuery操作表单和表格、Ajax在jQuery中的应用、使用jQuery UI插件、常用的第三方jQuery插件、jQuery性能优化与技巧、jQuery在HTML5中的应用、综合实战——使用jQuery实现携程网站特效。
本书配套资源包括案例的源代码、制作精良的电子课件PPT、慕课视频等。
本书可作为本科计算机类及相关专业、高职软件及相关专业的教材，同时也适合Web爱好者、初级和中级的Web程序开发人员参考使用。

 

第1章JavaScript基础1
1.1JavaScript概述2
1.1.1什么是JavaScript2
1.1.2JavaScript的应用领域2
1.1.3JavaScript的特点4
1.2JavaScript的开发工具5
1.2.1使用记事本开发5
1.2.2使用Dreamweaver开发5
1.3编写第一个JavaScript程序8
1.3.1编写JavaScript程序8
1.3.2运行JavaScript程序10
1.3.3JavaScript程序的出错类型11
1.3.4JavaScript的3种调试方式12
1.4JavaScript库13
1.4.1什么是JavaScript库13
1.4.2常用的JavaScript库13
知识点提炼15
习题15
第2章初识jQuery16
2.1jQuery概述17
2.1.1jQuery的应用17
2.1.2jQuery的特点18
2.1.3jQuery的版本19
2.1.4jQuery版本的选择21
2.2jQuery下载与配置21
2.2.1下载jQuery21
2.2.2配置jQuery22
2.2.3我的第一个jQuery脚本22
2.3jQuery对象和DOM对象23
2.3.1jQuery对象和DOM对象简介23
2.3.2jQuery对象和DOM对象的相互转换24
2.4解决jQuery和其他库的冲突26
2.4.1jQuery库在其他库之前导入26
2.4.2jQuery库在其他库之后导入27
2.5jQuery插件简介28
2.5.1插件的使用28
2.5.2流行的插件28
知识点提炼30
习题31
第3章使用jQuery选择器32
3.1jQuery的工厂函数33
3.2什么是jQuery选择器33
3.3jQuery选择器的优势33
3.3.1代码更简单33
3.3.2支持CSS1到CSS3选择器33
3.3.3完善的检测机制33
3.4基本选择器35
3.4.1ID选择器（#id）35
3.4.2元素选择器（element）36
3.4.3类名选择器（.class）37
3.4.4复合选择器（selector1，selector2，selectorN）38
3.4.5通配符选择器（*）39
3.4.6使用选择器获取超链接地址39
3.5层次选择器41
3.5.1ancestordescendant选择器41
3.5.2parent>child选择器43
3.5.3prev+next选择器44
3.5.4prev～siblings选择器45
3.6过滤选择器46
3.6.1简单过滤器46
3.6.2内容过滤器48
3.6.3可见性过滤器49
3.6.4表单对象的属性过滤器50
3.6.5子元素过滤器51
3.7属性选择器52
3.8表单选择器53
3.9混淆选择器54
3.10选择器中的一些注意事项55
3.10.1选择器中含有特殊符号的注意事项55
3.10.2选择器中含有空格的注意事项55
3.11综合实例：表格隔行换色及鼠标指针指向行变色56
知识点提炼57
习题58
第4章使用jQuery操作DOM59
4.1DOM操作的分类60
4.2对元素内容和值进行操作60
4.2.1对元素内容进行操作60
4.2.2对元素值进行操作63
4.3对DOM文档节点进行操作64
4.3.1创建节点64
4.3.2查找节点65
4.3.3插入节点65
4.3.4删除、复制与替换节点67
4.3.5包裹节点70
4.3.6遍历节点73
4.4对元素属性进行操作74
4.5对元素的CSS样式进行操作75
4.5.1通过修改CSS类实现75
4.5.2通过修改CSS属性实现75
4.6综合实例：实现我的开心小农场76
知识点提炼77
习题78
第5章jQuery中的事件处理和动画效果79
5.1jQuery中的事件处理80
5.1.1页面加载响应事件80
5.1.2jQuery中的事件80
5.1.3事件绑定82
5.1.4模拟用户操作85
5.1.5事件捕获与事件冒泡87
5.2jQuery中的动画效果91
5.2.1隐藏匹配元素91
5.2.2显示匹配元素91
5.2.3切换元素的可见状态93
5.2.4淡入淡出的动画效果93
5.2.5滑动效果94
5.2.6自定义的动画效果97
5.3综合实例：实现图片传送带99
知识点提炼101
习题102
第6章使用jQuery操作表单和表格103
6.1HTML表单概述104
6.1.1表单标记104
6.1.2输入标记105
6.1.3文本域标记109
6.1.4菜单和列表标记、110
6.2使用jQuery操作表单元素111
6.2.1操作文本框111
6.2.2操作文本域112
6.2.3操作单选按钮和复选框115
6.2.4操作下拉框117
6.2.5表单验证118
6.3使用jQuery操作表格120
6.3.1控制表格颜色显示120
6.3.2表格的展开与关闭122
6.3.3表格内容的筛选124
6.4综合实例：删除记录时的提示效果125
知识点提炼126
习题127
第7章Ajax在jQuery中的应用128
7.1Ajax技术简介129
7.1.1Ajax概述129
7.1.2Ajax技术的优点129
7.1.3Ajax技术的缺点130
7.2安装Web运行环境——AppServ130
7.3通过JavaScript应用Ajax133
7.4jQuery中的Ajax应用134
7.4.1load()方法135
7.4.2使用$.get()方法请求数据136
7.4.3使用$.post()方法请求数据137
7.4.4使用$.getScript()方法加载JS文件138
7.4.5使用$.getJSON()方法加载JSON文件139
7.4.6使用$.ajax()方法请求数据140
7.4.7使用serialize()方法序列化表单141
7.5Ajax的全局事件143
7.5.1Ajax全局事件的参数及功能143
7.5.2ajaxStart与ajaxStop全局事件143
7.6综合实例：使用Ajax实现留言板即时更新144
知识点提炼146
习题146
第8章使用jQueryUI插件147
8.1初识jQueryUI插件148
8.1.1jQueryUI概述148
8.1.2jQueryUI的下载148
8.1.3jQueryUI的使用149
8.1.4jQueryUI的工作原理150
8.1.5jQueryUI中的插件152
8.2jQueryUI的常用插件152
8.2.1折叠面板（Accordion）的使用152
8.2.2自动完成（Autocomplete）插件的使用155
8.2.3按钮（Button）的使用158
8.2.4日期选择器（Datepicker）的使用160
8.2.5对话框（Dialog）的使用163
8.2.6菜单（Menu）的使用166
8.2.7进度条（Progressbar）的使用168
8.2.8滑块（Slider）的使用170
8.2.9旋转器（Spinner）的使用172
8.2.10标签页（Tabs）的使用173
8.2.11工具提示框（Tooltip）的使用175
8.3jQueryUI的特效177
8.3.1拖动特效（Draggable）的使用177
8.3.2放置特效（Droppable）的使用178
8.3.3缩放特效（Resizable）的使用179
8.3.4选择特效（Selectable）的使用180
8.3.5排序特效（Sortable）的使用181
8.3.6显示特效（show）的使用182
8.3.7隐藏特效（hide）的使用184
8.3.8切换特效（toggle）的使用186
8.4综合实例：使用jQuery实现许愿墙188
知识点提炼190
习题191
第9章常用的第三方jQuery插件192
9.1jQuery插件概述193
9.1.1什么是jQuery插件193
9.1.2常用的第三方jQuery插件193
9.1.3如何调用第三方jQuery插件193
9.2常用jQuery插件的使用194
9.2.1uploadify插件（文件上传）194
9.2.2zTree插件（树菜单）198
9.2.3NivoSlider插件（图片切换）202
9.2.4Pagination插件（数据分页）205
9.2.5jQZoom插件（图片放大镜）207
9.3综合实例：使用ColorPicker插件制作颜色选择器209
知识点提炼210
习题210
第10章jQuery性能优化与技巧211
10.1jQuery性能优化212
10.2jQuery常用技巧216
知识点提炼221
习题222
第11章jQuery在HTML5中的应用223
11.1HTML5基础224
11.1.1HTML5的新特性224
11.1.2浏览器对HTML5的支持224
11.2jQuery与HTML5编程226
11.2.1显示文件上传的进度条226
11.2.2Canvas绘图228
11.2.3jQuery+HTML5实现图片旋转效果230
11.2.4基于HTML5播放声音的jQuery插件audioPlay232
11.2.5WebStorage编程233
11.3综合实例：旅游信息网前台页面设计236
11.3.1网站预览236
11.3.2网站主体结构设计239
11.3.3HTML5结构元素的使用239
11.3.4网站公共部分设计240
11.3.5网站主页设计244
11.3.6留下足迹页面设计246
知识点提炼248
习题248
第12章综合实战——使用jQuery实现携程网站特效249
12.1网站特效250
12.2特效需求250
12.2.1网站注册表单布局设计250
12.2.2即将开始交互设计250
12.2.3网站登录布局与交互设计250
12.2.4导航菜单设计251
12.2.5海报轮播效果设计251
12.2.6页签切换效果设计251
12.2.7左右滑动效果设计252
12.2.8手风琴效果设计252
12.2.9图片放大缩小效果制作253
12.3关键知识点253
12.4模块设计实现254
12.4.1网站注册表单布局设计254
12.4.2即将开始交互设计260
12.4.3网站登录布局与交互设计262
12.4.4导航菜单设计266
12.4.5海报轮播效果制作269
12.4.6页签切换效果设计272
12.4.7左右滑动切换效果设计276
12.4.8手风琴效果菜单设计278
12.4.9图片放大缩小效果制作281
12.5本章总结284