第1篇 jQuery基础理论 2
第1章 了解jQuery 2
1.1 认识jQuery 2
1.1.1 jQuery的起源 2
1.1.2 什么是jQuery 4
1.2 jQuery能做什么 5
1.2.1 jQuery能实现什么 5
1.2.2 jQuery与其他脚本库的区别 7
1.3 搭建jQuery运行环境 8
1.3.1 jQuery库的选择 8
1.3.2 jQuery库的引入 9
1.3.3 jQuery的第一个示例 11
1.3.4 如何学习jQuery 12
1.4 小结 12
第2章 jQuery原理与运行机制 13
2.1 JavaScript的浏览器对象模型BOM操作 13
2.1.1 Window对象——窗口对象 14
2.1.2 Navigator对象——浏览器对象 24
2.2 JavaScript的HTML文档DOM操作 29
2.2.1 什么是DOM 29
2.2.2 DOM节点 29
2.2.3 访问文档节点 30
2.2.4 节点操作 33
2.3 Ajax原理 40
2.3.1 Ajax组成 40
2.3.2 Ajax与基本Web应用工作比较 40
2.3.3 Ajax核心对象XMLHTTPRequest 42
2.3.4 Ajax工作示例 42
2.4 jQuery工作原理 44
2.5 jQuery运行机制 45
2.5.1 jQuery的元素选择 45
2.5.2 jQuery事件 47
2.6 小结 50
第2篇 jQuery实战开发与应用第3章 DIV层的控制 52
3.1 DIV的鼠标选取 52
3.1.1 利用鼠标悬停实现DIV的选取 52
3.1.2 利用鼠标单击实现DIV的选取 54
3.2 DIV层的尺寸 55
3.2.1 jQuery动态读取DIV层的尺寸 55
3.2.2 jQuery动态修改DIV层的尺寸 56
3.3 层的显示与隐藏 59
3.3.1 利用jQuery的显示与隐藏函数实现 59
3.3.2 利用jQuery的滑动效果实现 62
3.3.3 利用jQuery的淡入淡出效果实现 64
3.4 DIV内的内容控制 66
3.4.1 内容清空 66
3.4.2 内容替换 67
3.4.3 内容复制 68
3.4.4 内容添加 69
3.4.5 内容包装 73
3.5 层的定位 74
3.6 小结 74
3.7 习题 75
第4章 设计列表 76
4.1 控制列表宽度 76
4.1.1 参差不齐的列表 76
4.1.2 截取文字内容实现控制列表宽度 77
4.1.3 修改层的宽度控制列表宽度 78
4.2 控制列表项符号图片 81
4.2.1 样式死板的列表项符号 82
4.2.2 利用jQuery与CSS控制列表项符号图片 82
4.3 列表项的滚动 83
4.4 图片列表 86
4.4.1 大小不一的图片不规则排列 86
4.4.2 利用jQuery控制图片列表 86
4.5 列表的显示与收缩 88
4.5.1 占用页面空间的静态列表 88
4.5.2 利用jQuery动态控制列表内容展开与收缩 89
4.6 列表项动态排序 91
4.6.1 构建一个无序列表 91
4.6.2 利用jQuery对无序列表排序 92
4.7 小结 94
4.8 习题 94
第5章 网站导航 95
5.1 菜单设计 95
5.1.1 普通下拉菜单 95
5.1.2 下拉级联菜单 98
5.1.3 横向伸缩菜单 100
5.2 第三方菜单插件 101
5.2.1 jQuery级联菜单插件 101
5.2.2 SuperFish菜单插件 103
5.2.3 折叠菜单插件 106
5.2.4 滚动动态列表菜单插件 107
5.2.5 滑动效果菜单 108
5.2.6 仿Mac的停靠菜单插件 109
5.3 TreeView设计 111
5.3.1 普通TreeView 111
5.3.2 加入淡入淡出效果的TreeView 112
5.4 第三方TreeView插件 114
5.5 小结 117
5.6 习题 118
第6章 设计表格 119
6.1 表格基本设计 119
6.1.1 表格边框样式的变换 119
6.1.2 表格单元格的合并 120
6.1.3 表格行列的添加与删除 123
6.1.4 jQuery控制表格行的上下移动 125
6.2 表格内容动态排序 128
6.3 设置分页 130
6.4 表格行条纹效果 131
6.5 表格的折叠和展开 132
6.6 表格动态内容筛选 134
6.7 可编辑表格 135
6.8 表格插件 137
6.8.1 jExpand表格插件 137
6.8.2 Table Pagination表格分页插件 138
6.8.3 Spreadsheet Web电子表格插件 139
6.9 小结 140
6.10 习题 141
第7章 设计表单 142
7.1 表单基本操作 142
7.1.1 表单清空 142
7.1.2 重置表单 144
7.1.3 表单元素的赋值与取值 145
7.2 表单验证框架 146
7.2.1 基本验证功能 147
7.2.2 API使用方法 149
7.2.3 自定义验证方法 155
7.2.4 radio、checkbox、select的验证 157
7.3 表单特效 159
7.3.1 文本输入框特效 159
7.3.2 单选按钮、复选框特效 163
7.3.3 按钮特效 163
7.4 表单插件 165
7.4.1 Validation插件 165
7.4.2 JQF1插件 173
7.5 小结 175
7.6 习题 175
第8章 设计图片 176
8.1 图片切换 176
8.1.1 利用淡入效果实现图片切换 176
8.1.2 利用自定义动画切换图片 177
8.2 图片滚动 179
8.3 图片动态弹出 181
8.4 动态图文结合 183
8.5 图片剪切 184
8.6 图片预览 186
8.7 图片局部平移 187
8.8 图片插件 189
8.8.1 MobilyNotes插件 189
8.8.2 Fancybox插件 190
8.8.3 desSlideshow插件 195
8.9 小结 197
8.10 习题 197
第9章 设计对话框 198
9.1 设计基本对话框 198
9.2 模式对话框 199
9.3 输入对话框 201
9.4 提示对话框 202
9.5 确认对话框 204
9.6 对话框插件 206
9.6.1 jqModal对话框插件 206
9.6.2 jQuery.UI.Dialog对话框插件 212
9.7 小结 222
9.8 习题 222
第10章 设计滑动条 223
10.1 自定义滑动条 223
10.2 滑动条插件 225
10.2.1 jQuery.UI.Slider插件 225
10.2.2 jScrollPane插件 236
10.3 小结 247
10.4 习题 247
第11章 页面编辑器插件 248
11.1 markItUp插件 248
11.1.1 安装插件 248
11.1.2 键盘的使用 249
11.1.3 标记语言定制 249
11.2 jwysiwyg插件 253
11.2.1 jwysiwyg插件基本介绍 253
11.2.2 基本应用 255
11.2.3 全功能编辑器 256
11.2.4 可调整大小的编辑器 260
11.2.5 编辑器内容的左右移动 261
11.2.6 根据内容自动调整大小的编辑器 261
11.2.7 自定义功能控制按钮 263
11.3 HtmlBox插件 265
11.3.1 如何安装 266
11.3.2 属性特点 266
11.3.3 内置函数 267
11.3.4 编辑器可使用的工具 267
11.3.5 插件应用举例 268
11.4 Lightweight RTE插件 271
11.5 小结 273
11.6 习题 273
第12章 多媒体 274
12.1 jQuery.Flash插件 274
12.1.1 基本Flash文件嵌入 274
12.1.2 Flash替换文本内容 275
12.1.3 MP3播放示例 276
12.1.4 使用内联样式设定插件播放 277
12.2 jPlayer插件 278
12.2.1 jPlayer插件基本介绍 278
12.2.2 jPlayer插件基本使用方式:播放音频文件 280
12.2.3 jPlayer插件基本使用方式:播放视频文件 282
12.2.4 自定义播放器操作 283
12.3 jlEmbed插件 291
12.3.1 插件基本使用 292
12.3.2 使用Windows Media Player播放 292
12.3.3 使用QuickTime播放 293
12.3.4 使用SilverLight播放 293
12.3.5 使用Flash Player播放 293
12.4 小结 294
12.5 习题 294
第13章 动画设计 295
13.1 jQuery动画基础 295
13.1.1 jQuery动画函数 295
13.1.2 jQuery动画简单示例 298
13.2 jQuery UI中实现的动画效果 299
13.2.1 jQuery UI动画特效使用 299
13.2.2 百叶窗效果 301
13.2.3 跳跃效果 302
13.2.4 缩减效果 305
13.2.5 移动效果 306
13.2.6 分裂效果 307
13.2.7 折叠效果 309
13.2.8 高亮淡入淡出效果 311
13.2.9 脉冲闪烁效果 313
13.2.10 摆动效果 314
13.3 小结 316
13.4 习题 316
第14章 拖动插件 317
14.1 jQuery UI拖动插件 317
14.1.1 jQuery UI拖动插件基本介绍 317
14.1.2 jQuery UI拖动插件示例 318
14.2 jQuery UI投放插件 328
14.2.1 jQuery UI投放插件基本介绍 328
14.2.2 jQuery UI投放插件示例 328
14.3 小结 333
14.4 习题 333
第15章 插件开发 334
15.1 jQuery插件开发基础 334
15.1.1 jQuery插件介绍 334
15.1.2 jQuery插件开发基础知识 335
15.1.3 创建一个简单jQuery插件 335
15.2 插件示例 343
15.3 插件开发规范 349
15.4 小结 350
15.5 习题 350