jQuery实战案例精粹_前端开发教程

资源名称：jQuery实战案例精粹

内容简介：

本书从 Web开发的实际应用角度出发，结合当下热门的 jQuery插件技术，深入浅出地介绍了 jQuery高性能开发的技巧，是前端开发、设计人员的绝佳选择。

本书共 22章，介绍了 jQuery框架的基础知识与 jQuery插件的开发方法；包含用户评级、 图片展示、日历日期、表单提交、表单验证、网页表格、树状列表、对话框、图片放大器、文件上传、导航菜单、网页动画、可拖放布局、页面便条、图形图表、网页多媒体、谷歌地图等性能应用案例；并通过几个完整的应用实例，展示了 HTML5结合 jQuery实现的完美开发，加深了读者对未来 Web技术发展方向的理解。

本书适用于所有前端初学者和网页设计入门者，可以作为日常开发的参考书，也可以辅助一些基础网页教材进行上机实践。

资源目录：

第1章 jQuery入门 1

11什么是 jQuery1

111 jQuery的功能 1

112配置 jQuery运行环境 4

113使用 Dreamweaver编写 jQuery代码 5

114认识 jQuery对象 9

12 jQuery选择器 10

121基本选择器 10

122层次选择器 13

123过滤选择器 16

124表单选择器 27

13操纵 DOM 28

131修改元素属性 28

132修改元素内容 31

133动态创建内容 32

134动态插入节点 33

135动态删除节点 35

14 jQuery的事件处理 37

141页面初始化事件 37

142绑定事件 38

143移除事件绑定 41

144切换事件 41

15小结 44

第2章 jQuery插件的应用开发 45

21认识 jQuery插件 45

211什么是插件 45

212常用的插件网站 49

213开发自己的插件 51

22用第三方插件创建自己的网站 57

221网站结构设计 57

222下载第三方插件 58

223使用第三方插件 59

224网站最终效果 62

23小结 63

第3章五星评级插件 jRating65

31准备 jRating插件 66

311下载 jRating插件 66

312 jRating的使用方法 67

313 jRating的参数介绍 69

314 jRating的效果展示 70

32开发图书点评网站 71

321准备 PHP开发环境 72

322创建图书点评页面 75

323引入五星评级插件 79

324评分查看页面 80

325保存评分信息到数据库 82

326从数据库读取评分信息 83

33小结 85

第4章流行的图片展示插件 Slider86

41准备 Sliderjs插件 86

411下载 Slidesjs插件 87

412参数说明 88

413图片轮播效果展示 93

42开发一个 AJAX网络相册 95

421创建相册页面 95

422实现 AJAX图像加载 97

423定义图片列表数据 98

424显示相册主题分类 98

425加载相册缩略图 100

426使用 Slider幻灯播放相片 102

427最终的多功能相册 103

43其他图片展示插件 104

431简单易用的 Easy Slider 104

432相册插件 Gallerifc 106

44小结 111

第5章日历和日期插件 112

51日期选取插件 Datepicker 113

511下载 Datepicker插件 113

512使用日期选择器 114

513 Datepicker参数说明 117

514同时显示多个月份 121

515限制日历的选择范围 122

516动画显示日历 123

52事件日历插件 xGCalendar 124

521下载 xGCalendar插件 124

522使用 xGCalendar插件 126

523 xGCalendar参数说明 129

524创建在线事件日历 131

525在线事件日历实现方法 133

53其他日历插件 ——jTimepicker 135

54小结 138

第6章表单插件 139

61准备 jQueryform插件 139

611下载 jQueryform插件 139

612参数说明 143

613无刷新表单的简易制作 145

62开发一个 Ajax效果的留言簿 147

621留言簿页面设计 148

622创建留言簿网站 149

623构建留言簿网页 151

624使用 jQuery进行客户端分页 153

625构建留言簿表单 157

626使用 Ajax无刷新提交表单 158

627添加留言功能实现 159

63其他表单插件 161

631快速生成表单插件 jFormer161

632表单美化插件 Uniforms 162

64小结 163

第7章表单验证插件 164

71准备 jQueryvalidate插件 164

711下载 jQueryvalidate插件 164

712参数说明 168

713表单验证效果展示 174

72带验证功能的用户注册表单 175

721注册表单的结构 176

722构建注册表单 177

723校验表单数据 180

724自定义的验证规则 183

725验证通过，自动提交 186

726最终的用户注册表单效果 186

73其他表单验证插件 188

731简单易用的 niceValidator 188

732 formValidator表单验证插件 189

74小结 190

第8章表格插件 191

81准备 Flexigrid插件 191

811下载 Flexigrid插件 192

812参数说明 195

813表格效果演示 198

82开发一个联系人列表页面 202

821准备表格显示数据 202

822定义 Flexigrid联系人列表 205

823添加新联系人 206

824删除联系人 210

83其他表格插件 211

831 jqGrid表格插件 212

832 ParamQuery表格插件 213

84小结 214

第9章树状列表插件 215

91准备 zTree插件 215

911下载 zTree插件 216

912参数说明 219

913树状效果演示 223

92开发一个 Web文件管理页面 228

921获取服务器端文件列表 229

922定义显示页面 232

923设置 zTree显示效果 233

924最终的资源管理器效果 234

93其他树状列表插件 235

931 Treeview树状插件 235

932 treetable树状列表插件 236

94小结 237

第10章对话框插件 238

101使用 FancyBox插件 239

1011下载 FancyBox插件 239

1012参数说明 243

1013使用 FancyBox开发网页画廊 244

102开发一个弹出式图片上传对话框 248

1021构建相册数据库 248

1022使用 FancyBox显示服务器图像 249

1023构建上传相片表单 251

1024上传图片 PHP实现 253

1025最终的图片上传对话框效果 256

103其他对话框插件 256

1031 jqModal对话框插件 256

1032使用 jQuery UI中的 Dialog对话框 258

104小结 260

第11章图片放大器插件 261

111准备 jQzoom插件 262

1111下载 jQzoom插件 262

1112参数说明 266

1113使用 jQzoom插件开发内嵌式图片放大器 267

112开发购物网站商品展示橱窗页面应用 269

1121构建商品图片信息数据库 269

1122使用 jQzoom插件显示服务器图像 271

1123构建上传商品图片表单 274

1124商品图片上传功能的 PHP实现 276

1125基于 jQzoom的商品展示橱窗最终效果 279

113其他图片放大器插件 279

1131 jQuery-gzoom图片缩放插件 280

1132使用基于 jQuery的AnythingZoomer插件 281

114小结 284

第12章图片文件上传插件 285

121准备 jQuery File Upload插件 286

1211下载 jQuery File Upload插件 286

1212参数说明 292

1213使用 jQuery File Upload插件实现多图片上传 295

122开发多功能图片文件上传 Web应用 300

1221添加 jQuery File Upload插件库文件 300

1222客户端添加本地图片文件功能实现 301

1223图片文件上传服务器功能实现 303

1224删除已上传服务器图片功能实现 306

1225多功能图片文件上传 Web应用最终效果 307

123其他文件上传插件 309

1231使用 jQuery Plupload插件上传文件 309

1232使用 jQuery Uploadify插件上传文件 311

124小结 313

第13章网站导航菜单插件 314

131准备 jQuerymmenu插件 315

1311下载 jQuerymmenu插件 315

1312参数说明 319

1313使用 jQuerymmenu插件实现自定义颜色风格导航菜单 322

132开发网站导航菜单管理 Web应用 325

1321添加 jQuerymmenu插件库文件 325

1322构建导航菜单管理页面布局 326

1323构建导航菜单结构 327

1324导航菜单管理选项设置实现 327

1325网站导航菜单管理 Web应用最终效果 329

133其他文件上传插件 331

1331使用 Color Fading Menu with jQuery插件 331

1332使用基于 jQuery的Kwicks滑动板导航菜单插件 335

134小结 338

第14章动画插件 339

141准备 Motio插件 340

1411下载 Motio插件 340

1412参数说明 344

1413使用 Motio插件实现精灵 (Sprite)模式动画 349

142开发 360度全景动画网页应用 352

1421添加 Motio插件库文件 352

1422添加 Motio插件 HTML代码 352

1423添加 Motio插件 CSS代码 354

1424执行 Motio插件初始化代码 354

1425基于 Motio插件实现 360度全景动画最终效果 355

143其他动画插件 ——制作背景动画的 jAni插件 357

144小结 360

第15章可拖放的布局插件 361

151准备 gridsterjs可拖放布局插件 362

1511下载 gridsterjs插件 362

1512参数说明 368

1513基于 gridsterjs插件实现动态缩放可拖放布局应用 372

152开发一个可拖放的商品橱窗页面 376

1521添加 gridsterjs插件库文件 376

1522构建可拖放的商品橱窗页面布局 376

1523可拖放的商品橱窗页面布局初始化 377

1524应用 gridsterjs插件回调方法增强商品橱窗页面功能 379

1325可拖放的商品橱窗页面布局最终效果 380

153其他可拖放布局插件 381

1531使用 Masonry布局插件 381

1532使用可视化页面布局 Layoutit插件 384

154小结 388

第16章页面便条插件 389

161准备 jStickyNote页面便条插件 390

1611下载 jStickyNote页面便条插件 390

1612参数说明 393

1613使用 jStickyNote插件实现大小尺寸页面便条 394

162开发多种风格页面便条 398

1621添加 jStickyNote插件库文件 398

1622构建 jStickyNote插件库页面布局 398

1623 jStickyNote插件库页面初始化 400

1624基于 jQuery的jStickyNote插件多种风格页面便条最终效果 402

163其他页面便条插件 ——StickyNotes页面便条 403

164小结 407

第17章图表插件 408

171准备 jqChart图表插件 409

1711下载 jqChart图表插件 409

1712参数说明 414

1713基于 jqChart图表插件实现分类 -折线图表应用 420

172开发一个模拟股票指数实时图应用 424

1721添加 jqChart图表插件插件库文件 424

1722构建股票指数实时图页面布局 425

1723模拟股票指数实时图初始化操作 425

1724模拟股票指数实时图应用最终效果 428

173其他图表插件 ——将HTML表格转化为图表的 HighchartsTable插件 430

174小结 432

第18章多媒体插件 433

181准备 jPlayer多媒体插件 434

1811下载 jPlayer多媒体插件 434

1812参数说明 438

1813使用 jPlayer多媒体插件开发视频播放器 442

182开发在线视频播放网页 445

1821添加 jPlayer插件库文件 445

1822构建在线视频播放网页页面布局 446

1823基于 jPlayer插件的在线视频播放网页初始化 448

183其他多媒体插件 ——jQuery Media Plugin插件 450

184小结 452

第19章谷歌地图插件 453

191准备 Gmap3地图插件 454

1911下载 Gmap3地图插件 454

1912参数说明 459

1913基于 Gmap3地图插件实现在线地图搜索功能应用 465

192基于 Gmap3地图插件实现集群功能应用 469

193其他地图插件 ——mageMapster插件 475

194小结 477

第20章 jQuery+HTML5文件拖动上传插件 478

201 jQuery HTML5 Uploader拖曳文件上传插件 479

2011下载 jQuery HTML5 Uploader插件 479

2012 jQuery HTML5 Uploader插件特性 481

2013 jQuery HTML5 Uploader插件参数说明 481

2014使用 jQuery HTML5 Uploader插件实现文件拖曳上传 481

202拖曳式文件上传 FileDropjs插件 484

2021下载 FileDropjs插件 484

2022 FileDropjs插件特性 485

2023 FileDropjs插件方法参数说明 485

2024使用 FileDropjs插件实现文件拖曳上传 487

203开发图片拖曳上传 Web应用 491

2031 HTML5文件上传功能 491

2032图片拖曳上传 HTML代码 491

2033图片拖曳上传 CSS代码 493

2034图片拖曳上传 JS代码 494

2035图片拖曳上传服务器端 PHP代码 496

2036图片拖曳上传 Web应用最终效果 497

204小结 498

第21章 jQuery+HTML5音视频播放器 499

211准备 MediaElementjs音视频播放器插件 500

2111下载 MediaElementjs音视频播放器插件 500

2112参数说明 505

2113使用 MediaElementjs插件模仿 WMP播放器 506

212基于 MediaElementjs插件事件处理播放器应用 508

2121添加 MediaElementjs插件库文件 508

2122构建事件处理播放器页面布局 509

2123事件处理播放器页面初始化 509

213其他 jQuery+HTML5音视频插件 511

2131下载 videojs音视频播放器插件 511

2132参数说明 513

2133使用 videojs插件实现网页视频播放器应用 515

214小结 517

第22章 jQuery+HTML5绘图程序 518

221准备 jquerydeviantartmuro绘图插件 519

2211下载 jquerydeviantartmuro绘图插件 519

2212参数说明 525

2213使用 jquerydeviantartmuro绘图插件开发 Sandbox绘图应用 528

222基于 HTML5的Canvas绘图初级应用 531

2221 Canvas（画布）简介 531

2222 Canvas（画布）技术基本知识 531

223 Canvas（画布）技术初级应用 533

2231 Canvas（画布）技术绘制矩形应用 533

2232 Canvas（画布）技术清除矩形区域应用 534

2233 Canvas（画布）技术绘制圆弧应用 535

2234 Canvas（画布）技术绘制路径应用 536

2235 Canvas（画布）技术绘制线段应用 538

2236 Canvas（画布）技术绘制贝塞尔（ Bezier）曲线与二次样条曲线应用 538

224 Canvas（画布）技术综合应用 ——绘制花样 540

225 Canvas（画布）技术综合应用 ——绘制复杂图样 541

226 Canvas（画布）技术综合应用 ——图形变换 542

227小结 545

资源截图：