jQuery实战案例精粹PDF电子书下载

第1章 jQuery入门 1

1.1什么jQuery 1

1.1.1jQuery的功能 1

1.1.2配jQuery运行环境 4

1.1.3使用Dreamweaver编jQuery代码 5

1.1.4认jQuery对象 9

1.2jQuery选择器 10

1.2.1基本选择器 10

1.2.2层次选择器 13

1.2.3过滤选择器 16

1.2.4表单选择器 27

1.3操纵DOM 28

1.3.1修改元素属性 28

1.3.2修改元素内容 31

1.3.3动态创建内容 32

1.3.4动态插入节点 33

1.3.5动态删除节点 35

1.4jQuery的事件处理 37

1.4.1页面初始化事件 37

1.4.2绑定事件 38

1.4.3移除事件绑定 41

1.4.4切换事件 41

1.5小结 44

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

2.1认识jQuery插件 45

2.1.1什么是插件 45

2.1.2常用的插件网站 49

2.1.3开发自己的插件 51

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

2.2.1网站结构设计 57

2.2.2下载第三方插件 58

2.2.3使用第三方插件 59

2.2.4网站最终效果 62

2.3小结 63

第3章 五星评级插jRating 65

3.1 准备jRating插件 66

3.1.1 下载jRating插件 66

3.1.2 jRating的使用方法 67

3.1.3 jRating的参数介绍 69

3.1.4 j Rating的效果展示 70

3.2 开发图书点评网站 71

3.2.1 准备PHP开发环境 72

3.2.2 创建图书点评页面 75

3.2.3 引入五星评级插件 79

3.2.4 评分查看页面 80

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

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

3.3 小结 85

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

4.1 准备Slider…js插件 86

4.1.1 下载Slides…js插件 87

4.1.2 参数说明 88

4.1.3 图片轮播效果展示 93

4.2 开发一个AJAX网络相册 95

4.2.1 创建相册页面 95

4.2.2 实现AJAX图像加载 97

4.2.3 定义图片列表数据 98

4.2.4 显示相册主题分类 98

4.2.5 加载相册缩略图 100

4.2.6 使用Slider幻灯播放相片 102

4.2.7 最终的多功能相册 103

4.3 其他图片展示插件 104

4.3.1 简单易用的Easy Slider 104

4.3.2 相册插件Galleriffic 106

4.4 小结 111

第5章 日历和日期插件 112

5.1 日期选取插件Datepicker 113

5.1.1 下载Datepicker插件 113

5.1.2 使用日期选择器 114

5.1.3 Datepicker参数说明 117

5.1.4 同时显示多个月份 121

5.1.5 限制日历的选择范围 122

5.1.6 动画显示日历 123

5.2 事件日历插件xGCalendar 124

5.2.1下载xGCalendar插件 124

5.2.2使用xGCalendar插件 126

5.2.3xGCalendar参数说明 129

5.2.4创建在线事件日历 131

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

5.3其他日历插件——jTimepicker 135

5.4小结 138

第6章 表单插件 139

6.1准jQuery.form插件 139

6.1.1下载jQuery.form插件 139

6.1.2参数说明 143

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

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

6.2.1留言簿页面设计 148

6.2.2创建留言簿网站 149

6.2.3构建留言簿网页 151

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

6.2.5构建留言簿表单 157

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

6.2.7添加留言功能实现 159

6.3其他表单插件 161

6.3.1快速生成表单插jFormer 161

6.3.2表单美化插件Uniforms 162

6.4小结 163

第7章 表单验证插件 164

7.1准备jQuery.validate插件 164

7.1.1下载jQuery.validate插件 164

7.1.2参数说明 168

7.1.3表单验证效果展示 174

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

7.2.1注册表单的结构 176

7.2.2构建注册表单 177

7.2.3校验表单数据 180

7.2.4自定义的验证规则 183

7.2.5验证通过，自动提交 186

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

7.3其他表单验证插件 188

7.3.1简单易用的niceValidator 188

7.3.2form Validator表单验证插件 189

7.4小结 190

第8章 表格插件 191

8.1准备Flexigrid插件 191

8.1.1下载Flexigrid插件 192

8.1.2参数说明 195

8.1.3表格效果演示 198

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

8.2.1准备表格显示数据 202

8.2.2定义Flexigrid联系人列表 205

8.2.3添加新联系人 206

8.2.4删除联系人 210

8.3其他表格插件 211

8.3.1jqGrid表格插件 212

8.3.2ParamQuery表格插件 213

8.4小结 214

第9章 树状列表插件 215

9.1准备zTree插件 215

9.1.1下载zTree插件 216

9.1.2参数说明 219

9.1.3树状效果演示 223

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

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

9.2.2定义显示页面 232

9.2.3设置zTree显示效果 233

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

9.3其他树状列表插件 235

9.3.1Treeview树状插件 235

9.3.2treetable树状列表插件 236

9.4小结 237

第10章 对话框插件 238

10.1使用FancyBox插件 239

10.1.1下载FancyBox插件 239

10.1.2参数说明 243

10.1.3使用FancyBox开发网页画廊 244

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

10.2.1构建相册数据库 248

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

10.2.3构建上传相片表单 251

10.2.4上传图片PBP实现 253

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

10.3其他对话框插件 256

10.3.1 jqModal对话框插件 256

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

10.4 小结 260

第11章 图片放大器插件 261

11.1 准备jQzoom插件 262

11.1.1 下载jQzoom插件 262

11.1.2 参数说明 266

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

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

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

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

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

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

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

11.3 其他图片放大器插件 279

11.3.1 jQuery-gzoom图片缩放插件 280

11.3.2 使用基于jQuery的AnythingZoomer插件 281

11.4 小结 284

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

12.1 准备jQuery File Upload插件 286

12.1.1 下载jQuery File Upload插件 286

12.1.2 参数说明 292

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

12.2 开发多功能图ry File Upload插件库文件 300

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

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

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

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

12.3 其他文件上传插件 309

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

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

12.4 小结 313

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

13.1 准备jQuery.mmenu插件 315

13.1.1 下载jQuery.mmenu插件 315

13.1.2 参数说明 319

13.1.3 使用jQuery.mmenu插件实现自定义颜色风格导航菜单 322

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

13.2.1添加jQuery.mmenu插件库文件 325

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

13.2.3构建导航菜单结构 327

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

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

13.3其他文件上传插件 331

13.3.1使用Color Fading Menu with jQuery插件 331

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

13.4小结 338

第14章 动画插件 339

14.1准备Motio插件 340

14.1.1下载Motio插件 340

14.1.2参数说明 344

14.1.3使用Motio插件实现精灵（Sprite）模式动画 349

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

14.2.1添加Motio插件库文件 352

14.2.2添加Motio插件HTML代码 352

14.2.3添加Motio插件CSS代码 354

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

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

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

14.4小结 360

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

15.1准备gridster .js可拖放布局插件 362

15.1.1下载gridster .js插件 362

15.1.2参数说明 368

15.1.3基于gridster .js插件实现动态缩放可拖放布局应用 372

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

15.2.1添加gridster js插件库文件 376

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

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

15.2.4应用gridster .j s插件回调方法增强商品橱窗页面功能 379

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

15.3其他可拖放布局插件 381

15.3.1使用Masonry布局插件 381

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

15.4小结 388

第16章 页面便条插件 389

16.1准备jStickyNote页面便条插件 390

16.1.1下载jStickyNote页面便条插件 390

16.1.2参数说明 393

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

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

16.2.1添加jStickyNote插件库文件 398

16.2.2构jStickyNote插件库页面布局 398

16.2.3j StickyNote插件库页面初始化 400

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

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

16.4小结 407

第17章 图表插件 408

17.1准备jqChart图表插件 409

17.1.1下载jqChart图表插件 409

17.1.2参数说明 414

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

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

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

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

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

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

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

17.4小结 432

第18章 多媒体插件 433

18.1准备jPlayer多媒体插件 434

18.1.1下载jPlayer多媒体插件 434

18.1.2参数说明 438

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

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

18.2.1添加jPlayer插件库文件 445

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

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

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

18.4小结 452

第19章 谷歌地图插件 453

19.1准备Gmap3地图插件 454

19.1.1下载Gmap3地图插件 454

19.1.2参数说明 459

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

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

19.3其他地图插件mageMapster插件 475

19.4小结 477

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

20.1jQuery HTML5Uploader拖曳文件上传插件 479

20.1.1下载jQuery HTML5Uploader插件 479

20.1.2jQuery HTML5Uploader插件特性 481

20.1.3jQuery HTML5Uploader插件参数说明 481

20.1.4使用jQuery HTML5Uploader插件实现文件拖曳上传 481

20.2拖曳式文件上传FileDrop.js插件 484

20.2.1下载FileDrop.js插件 484

20.2.2FileDrop.js插件特性 485

20.2.3FileDrop.js插件方法参数说明 485

20.2.4使用FileDrop .js插件实现文件拖曳上传 487

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

20.3.1HTML5文件上传功能 491

20.3.2图片拖曳上传HTML代码 491

20.3.3图片拖曳上传CSS代码 493

20.3.4图片拖曳上传JS代码 494

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

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

20.4小结 498

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

21.1准备MediaElement.js音视频播放器插件 500

21.1.1下载MediaElement.js音视频播放器插件 500

21.1.2参数说明 505

21.1.3使用MediaElement.js插件模仿WMP播放器 506

21.2基于MediaElement.js插件事件处理播放器应用 508

21.2.1添加MediaElement.js插件库文件 508

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

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

21.3其jQuery+HTML5音视频插件 511

21.3.1下载video.js音视频播放器插件 511

21.3.2参数说明 513

21.3.3使用video.js插件实现网页视频播放器应用 515

21.4小结 517

第22章 jQuery+HTML5绘图程序 518

22.1准备jquerydeviantartmuro绘图插件 519

22.1.1下载jquery.deviantartmuro绘图插件 519

22.1.2参数说明 525

22.1.3使用jquery.deviantartmuro绘图插件开发Sandbox绘图应用 528

22.2基于HTMLS的Canvas绘图初级应用 531

22.2.1Canvas（画布）简介 531

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

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

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

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

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

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

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

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

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

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

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

22.7小结 545