目　录

第 1部分　基础篇

第 1章　jQuery概述　2
1.1　初识jQuery　2
1.1.1　什么是jQuery　2
1.1.2　jQuery的优势　3
1.1.3　下载jQuery脚本文件和配置jQuery环境　4
1.1.4　第 一个简单的jQuery程序　5
1.2　jQuery对象和DOM对象　6
1.2.1　DOM对象　6
1.2.2　jQuery对象　7
1.3　jQuery开发工具　8
1.3.1　使用Dreamweaver编辑jQuery程序　8
1.3.2　调试jQuery程序　9
练习题　9

第 2章　JavaScript程序设计　11
2.1　在HTML中使用JavaScript语言　11
2.1.1　在HTML中插入JavaScript代码　11
2.1.2　使用js文件　12
2.2　基本语法　12
2.2.1　数据类型　12
2.2.2　变量　12
2.2.3　注释　13
2.2.4　运算符　13
2.3　常用语句　17
2.3.1　条件分支语句　17
2.3.2　循环语句　21
2.4　函数　24
2.4.1　创建自定义函数　24
2.4.2　调用函数　25
2.4.3　变量的作用域　26
2.4.4　函数的返回值　26
2.5　JavaScript内置对象　27
2.5.1　JavaScript的内置类框架　27
2.5.2　BOM对象编程　31
2.6　JavaScript事件处理　35
2.6.1　常用HTML事件　35
2.6.2　Event对象　37
2.7　JavaScript编辑和调试工具　38
2.7.1　使用Dreamweaver编辑JavaScript程序　38
2.7.2　调试JavaScript程序　40
练习题　42

第 2部分　进阶篇

第3章　jQuery选择器　46
3.1　基础选择器　46
3.1.1　Id选择器　46
3.1.2　标签名选择器　47
3.1.3　根据元素的CSS类选择　47
3.1.4　选择所有HTML元素　48
3.1.5　同时选择多个HTML元素　49
3.2　层次选择器　50
3.2.1　ancestor descendant(祖先 后代)选择器　50
3.2.2　parent>child(父>子)选择器　51
3.2.3　prev+next(前+后)选择器　52
3.2.4　prev～siblings(前～兄弟)选择器　53
3.3　jQuery过滤器　54
3.3.1　基本过滤器　54
3.3.2　内容过滤器　56
3.3.3　可见性过滤器　58
3.3.4　属性过滤器　59
3.3.5　子元素过滤器　61
练习题　62

第4章　使用jQuery操作HTML元素　63
4.1　使用jQuery访问HTML元素的属性和内容　63
4.1.1　使用jQuery获取HTML元素对应的jQuery对象　63
4.1.2　使用jQuery获取和设置HTML元素的内容　65
4.1.3　使用jQuery获取和设置HTML元素的属性　66
4.1.4　使用jQuery删除HTML元素的属性　68
4.1.5　使用jQuery在网页中添加追加内容　68
4.2　使用jQuery管理HTML元素　70
4.2.1　使用jQuery遍历HTML元素　70
4.2.2　使用jQuery检查某个元素是否包含指定元素　71
4.2.3　使用jQuery删除HTML元素　72
4.2.4　使用jQuery插入HTML元素　74
4.2.5　使用jQuery复制HTML元素　75
4.2.6　使用jQuery替换HTML元素　75
练习题　76

第5章　jQuery插件　78
5.1　概述　78
5.1.1　jQuery的插件机制　78
5.1.2　使用jQuery插件　80
5.2　滚动插件　83
5.2.1　捕获滚动事件的插件Waypoints　83
5.2.2　滚动特效插件scrollTo　84
5.3　图表插件　85
5.3.1　Excel样式的表格插件Handsontable　85
5.3.2　HTML表格插件DataTables　89
5.3.3　图表效果插件Sparklines　91
5.4　布局插件　93
5.4.1　布局插件Masonry　93
5.4.2　动态布局插件Freetile.js　95
5.4.3　瀑布流的网页布局插件Wookmark　98
5.5　文字处理插件　100
5.5.1　自动调整文本大小的FitText.js插件　100
5.5.2　就地编辑插件jeditable　101
5.6　UI插件　103
5.6.1　旋钮插件knob　103
5.6.2　显示模式弹出框的插件Avgrund　104
5.6.3　滑动导航插件SlideDeck　106
练习题　107

第6章　jQuery的表单编程　109
6.1　HTML表单概述　109
6.1.1　定义表单　109
6.1.2　文本框　110
6.1.3　文本区域　111
6.1.4　单选按钮　111
6.1.5　复选框　112
6.1.6　组合框　113
6.1.7　按钮　113
6.2　jQuery的表单选择器和过滤器　115
6.2.1　表单选择器　115
6.2.2　表单过滤器　116
6.3　jQuery的表单事件处理　118
6.3.1　blur()方法和focus()方法　118
6.3.2　change()方法　119
6.3.3　select()方法　120
6.3.4　submit()方法　121
6.4　操作表单元素　122
6.4.1　操作文本框和文本域　122
6.4.2　操作单选按钮和复选框　122
6.4.3　操作下拉框　123
6.5　jQuery的表单插件　123
6.5.1　a-tools插件　123
6.5.2　两级级联下拉列表插件DoubleSelection　126
6.5.3　表单验证插件Validate　127
6.5.4　其他值得推荐的表单插件　129
练习题　129

第7章　jQuery事件处理　131
7.1　事件处理函数　131
7.1.1　指定事件处理函数　131
7.1.2　绑定到事件处理函数　131
7.1.3　移除事件绑定　133
7.2　Event对象　134
7.2.1　Event对象的属性　135
7.2.2　Event对象的方法　136
7.3　jQuery事件方法　137
7.3.1　键盘事件　137
7.3.2　鼠标事件　138
7.3.3　文档加载事件　139
7.3.4　浏览器事件　139
练习题　141

第8章　使用jQuery设置CSS样式　142
8.1　CSS基础　142
8.1.1　什么是CSS　142
8.1.2　在HTML文档中应用CSS　143
8.1.3　颜色与背景　145
8.1.4　设置字体　146
8.1.5　设置文本对齐　147
8.1.6　超链接　148
8.1.7　列表　149
8.1.8　边框　151
8.1.9　CSS轮廓　153
8.1.10　浮动元素　154
8.2　CSS3的新技术　155
8.2.1　实现圆角效果　155
8.2.2　多彩的边框颜色　159
8.2.3　阴影　161
8.2.4　背景图片　161
8.2.5　多列　163
8.2.6　嵌入字体　164
8.2.7　透明度　166
8.2.8　HSL和HSLA颜色表现方法　167
8.3　在jQuery中设置CSS样式　169
8.3.1　使用css()方法获取和设置CSS属性　169
8.3.2　与样式类别有关的方法　170
8.3.3　获取和设置HTML元素的尺寸　171
8.3.4　获取和设置元素的位置　173
8.3.5　滚动条相关　174
8.4　应用实例　175
8.4.1　动态控制页面字体大小　175
8.4.2　快捷切换网页显示样式　176
练习题　178

第3部分　应用篇

第9章　jQuery动画特效　182
9.1　显示和隐藏HTML元素　182
9.1.1　以动画效果显示HTML元素　182
9.1.2　隐藏HTML元素　183
9.1.3　切换HTML元素的显示和隐藏状态　184
9.2　淡入/淡出效果　184
9.2.1　实现淡入效果　184
9.2.2　实现淡出效果　185
9.2.3　直接调节HTML元素的透明度　186
9.2.4　以淡入/淡出的效果切换显示和隐藏HTML元素　187
9.3　滑动效果　187
9.3.1　以滑动效果显示隐藏的HTML元素　188
9.3.2　以滑动效果隐藏HTML元素　188
9.3.3　以滑动效果切换显示和隐藏HTML元素　189
9.4　动画队列　190
9.4.1　queue()方法　190
9.4.2　dequeue()方法　192
9.4.3　删除动画队列中的成员　192
9.4.4　延迟动画　193
9.4.5　停止正在执行的动画　194
9.5　执行自定义的动画　194
9.6　应用实例：焦点视频切换栏　196
9.6.1　实例界面和目录结构　196
9.6.2　设计实例页面　197
9.6.3　实现滑动切换的jQuery脚本　201
练习题　203

第 10章　jQuery与Ajax　204
10.1　使用XMLHttpRequest对象与服务器通信　204
10.1.1　创建XMLHttpRequest对象　204
10.1.2　发送HTTP请求　205
10.1.3　从服务器接收数据　205
10.2　在jQuery中实现Ajax编程　208
10.2.1　load()方法　208
10.2.2　$.get()方法　209
10.2.3　$.post()方法　209
10.2.4　$.getJSON()方法　210
10.2.5　$.ajax()方法　211
10.2.6　利用Ajax提交表单　212
10.2.7　Ajax的事件　214
10.3　应用实例——使用Ajax实现登录页面　218
练习题　220

第 11章　jQuery与HTML5　222
11.1　HTML5基础　222
11.1.1　什么是HTML　222
11.1.2　HTML5的新特性　223
11.1.3　浏览器对HTML5的支持　226
11.2　jQuery HTML5实用编程　227
11.2.1　支持进度显示的文件上传　227
11.2.2　jQuery+HTMl5 localStorage编程　232
11.2.3　Canvas绘图　235
11.2.4　基于HTML5播放声音的jQuery插件audioPlay　241
11.3　应用实例　243
11.3.1　jQuery+HTML5+CSS3设计页面布局的实例　243
11.3.2　jQuery+HTML5+CSS3设计视频播放器的实例　248
练习题　253

第 12章　jQuery特效应用实例　255
12.1　提示条实例　255
12.1.1　滑出式提示条　255
12.1.2　智能提示条　260
12.2　图片播放　263
12.2.1　实现幻灯片特效　263
12.2.2　实现魔幻盒特效　265
12.2.3　滚动展示图片　268
12.2.4　图片的翻转　269
12.2.5　幻灯片式画廊　270
12.2.6　Blockster过渡特效　277
12.2.7　自动滑动播放图片　279
12.3　菜单和选项卡　280
12.3.1　jQuery+CSS设计选项卡和侧边栏菜单　280
12.3.2　动画菜单　283
12.3.3　动画文本和图标菜单　285
12.3.4　悬停切换的栏目　287
12.3.5　悬停下拉菜单　289
12.3.6　动态导航菜单　291
12.4　广告特效　294
12.4.1　自定义动画广告条　294
12.4.2　弹性伸缩广告　297

第 13章　jQuery Mobile　299
13.1　jQuery Mobile概述　299
13.1.1　初识jQuery Mobile　299
13.1.2　引用jQuery Mobile开发包　302
13.2　jQuery Mobile组件　304
13.2.1　页面设计　304
13.2.2　对话框设计　307
13.2.3　弹出框　309
13.2.4　工具栏设计　314
13.2.5　按钮设计　318
13.2.6　列表设计　321
练习题　323

附录1　实验　324
实验1　初识jQuery　324
实验2　JavaScript编程　325
实验3　jQuery选择器　327
实验4　操作HTML元素　328
实验5　jQuery插件　330
实验6　表单编程　331
实验7　事件处理　333
实验8　设置CSS样式　334
实验9　jQuery动画特效　335
实验10　jQuery与Ajax　336
实验11　jQuery与HTML5　337
实验12　jQuery特效应用实例　340
实验13　jQuery Mobile　341

附录2　jQuery常用工具函数　343