jQuery实战案例精粹电子书

扉页

内容简介

版权页

前言

目录

第1章 jQuery入门

1.1 什么是jQuery

1.1.1 jQuery的功能

1.1.2 配置jQuery运行环境

1.1.3 使用Dreamweaver编写jQuery代码

1.1.4 认识jQuery对象

1.2 jQuery选择器

1.2.1 基本选择器

1.2.2 层次选择器

1.2.3 过滤选择器

1.2.4 表单选择器

1.3 操纵DOM

1.3.1 修改元素属性

1.3.2 修改元素内容

1.3.3 动态创建内容

1.3.4 动态插入节点

1.3.5 动态删除节点

1.4 jQuery的事件处理

1.4.1 页面初始化事件

1.4.2 绑定事件

1.4.3 移除事件绑定

1.4.4 切换事件

1.5 小结

第2章 jQuery插件的应用开发

2.1 认识jQuery插件

2.1.1 什么是插件

2.1.2 常用的插件网站

2.1.3 开发自己的插件

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

2.2.1 网站结构设计

2.2.2 下载第三方插件

2.2.3 使用第三方插件

2.2.4 网站最终效果

2.3 小结

第3章 五星评级插件jRating

3.1 准备jRating插件

3.1.1 下载jRating插件

3.1.2 jRating的使用方法

3.1.3 jRating的参数介绍

3.1.4 jRating的效果展示

3.2 开发图书点评网站

3.2.1 准备PHP开发环境

3.2.2 创建图书点评页面

3.2.3 引入五星评级插件

3.2.4 评分查看页面

3.2.5 保存评分信息到数据库

3.2.6 从数据库读取评分信息

3.3 小结

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

4.1 准备Slider.js插件

4.1.1 下载Slides.js插件

4.1.2 参数说明

4.1.3 图片轮播效果展示

4.2 开发一个AJAX网络相册

4.2.1 创建相册页面

4.2.2 实现AJAX图像加载

4.2.3 定义图片列表数据

4.2.4 显示相册主题分类

4.2.5 加载相册缩略图

4.2.6 使用Slider幻灯播放相片

4.2.7 最终的多功能相册

4.3 其他图片展示插件

4.3.1 简单易用的EasySlider

4.3.2 相册插件Gallerif.c

4.4 小结

第5章 日历和日期插件

5.1 日期选取插件Datepicker

5.1.1 下载Datepicker插件

5.1.2 使用日期选择器

5.1.3 Datepicker参数说明

5.1.4 同时显示多个月份

5.1.5 限制日历的选择范围

5.1.6 动画显示日历

5.2 事件日历插件xGCalendar

5.2.1 下载xGCalendar插件

5.2.2 使用xGCalendar插件

5.2.3 xGCalendar参数说明

5.2.4 创建在线事件日历

5.2.5 在线事件日历实现方法

5.3 其他日历插件——jTimepicker

5.4 小结

第6章 表单插件

6.1 准备jQuery.form插件

6.1.1 下载jQuery.form插件

6.1.2 参数说明

6.1.3 无刷新表单的简易制作

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

6.2.1 留言簿页面设计

6.2.2 创建留言簿网站

6.2.3 构建留言簿网页

6.2.4 使用jQuery进行客户端分页

6.2.5 构建留言簿表单

6.2.6 使用Ajax无刷新提交表单

6.2.7 添加留言功能实现

6.3 其他表单插件

6.3.1 快速生成表单插件jFormer

6.3.2 表单美化插件Uniforms

6.4 小结

第7章 表单验证插件

7.1 准备jQuery.validate插件

7.1.1 下载jQuery.validate插件

7.1.2 参数说明

7.1.3 表单验证效果展示

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

7.2.1 注册表单的结构

7.2.2 构建注册表单

7.2.3 校验表单数据

7.2.4 自定义的验证规则

7.2.5 验证通过，自动提交

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

7.3 其他表单验证插件

7.3.1 简单易用的niceValidator

7.3.2 formValidator表单验证插件

7.4 小结

第8章 表格插件

8.1 准备Flexigrid插件

8.1.1 下载Flexigrid插件

8.1.2 参数说明

8.1.3 表格效果演示

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

8.2.1 准备表格显示数据

8.2.2 定义Flexigrid联系人列表

8.2.3 添加新联系人

8.2.4 删除联系人

8.3 其他表格插件

8.3.1 jqGrid表格插件

8.3.2 ParamQuery表格插件

8.4 小结

第9章 树状列表插件

9.1 准备zTree插件

9.1.1 下载zTree插件

9.1.2 参数说明

9.1.3 树状效果演示

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

9.2.1 获取服务器端文件列表

9.2.2 定义显示页面

9.2.3 设置zTree显示效果

9.2.4 最终的资源管理器效果

9.3 其他树状列表插件

9.3.1 Treeview树状插件

9.3.2 treetable树状列表插件

9.4 小结

第10章 对话框插件

10.1 使用FancyBox插件

10.1.1 下载FancyBox插件

10.1.2 参数说明

10.1.3 使用FancyBox开发网页画廊

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

10.2.1 构建相册数据库

10.2.2 使用FancyBox显示服务器图像

10.2.3 构建上传相片表单

10.2.4 上传图片PHP实现

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

10.3 其他对话框插件

10.3.1 jqModal对话框插件

10.3.2 使用jQueryUI中的Dialog对话框

10.4 小结

第11章 图片放大器插件

11.1 准备jQzoom插件

11.1.1 下载jQzoom插件

11.1.2 参数说明

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

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

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

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

11.2.3 构建上传商品图片表单

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

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

11.3 其他图片放大器插件

11.3.1 jQuery-gzoom图片缩放插件

11.3.2 使用基于jQuery的AnythingZoomer插件

11.4 小结

第12章 图片文件上传插件

12.1 准备jQueryFileUpload插件

12.1.1 下载jQueryFileUpload插件

12.1.2 参数说明

12.1.3 使用jQueryFileUpload插件实现多图片上传

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

12.2.1 添加jQueryFileUpload插件库文件

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

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

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

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

12.3 其他文件上传插件

12.3.1 使用jQueryPlupload插件上传文件

12.3.2 使用jQueryUploadify插件上传文件

12.4 小结

第13章 网站导航菜单插件

13.1 准备jQuery.mmenu插件

13.1.1 下载jQuery.mmenu插件

13.1.2 参数说明

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

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

13.2.1 添加jQuery.mmenu插件库文件

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

13.2.3 构建导航菜单结构

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

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

13.3 其他文件上传插件

13.3.1 使用ColorFadingMenuwithjQuery插件

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

13.4 小结

第14章 动画插件

14.1 准备Motio插件

14.1.1 下载Motio插件

14.1.2 参数说明

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

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

14.2.1 添加Motio插件库文件

14.2.2 添加Motio插件HTML代码

14.2.3 添加Motio插件CSS代码

14.2.4 执行Motio插件初始化代码

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

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

14.4 小结

第15章 可拖放的布局插件

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

15.1.1 下载gridster.js插件

15.1.2 参数说明

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

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

15.2.1 添加gridster.js插件库文件

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

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

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

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

15.3 其他可拖放布局插件

15.3.1 使用Masonry布局插件

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

15.4 小结

第16章 页面便条插件

16.1 准备jStickyNote页面便条插件

16.1.1 下载jStickyNote页面便条插件

16.1.2 参数说明

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

16.2 开发多种风格页面便条

16.2.1 添加jStickyNote插件库文件

16.2.2 构建jStickyNote插件库页面布局

16.2.3 jStickyNote插件库页面初始化

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

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

16.4 小结

第17章 图表插件

17.1 准备jqChart图表插件

17.1.1 下载jqChart图表插件

17.1.2 参数说明

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

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

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

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

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

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

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

17.4 小结

第18章 多媒体插件

18.1 准备jPlayer多媒体插件

18.1.1 下载jPlayer多媒体插件

18.1.2 参数说明

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

18.2 开发在线视频播放网页

18.2.1 添加jPlayer插件库文件

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

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

18.3 其他多媒体插件——jQueryMediaPlugin插件

18.4 小结

第19章 谷歌地图插件

19.1 准备Gmap3地图插件

19.1.1 下载Gmap3地图插件

19.1.2 参数说明

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

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

19.3 其他地图插件——mageMapster插件

19.4 小结

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

20.1 jQueryHTML5Uploader拖曳文件上传插件

20.1.1 下载jQueryHTML5Uploader插件

20.1.2 jQueryHTML5Uploader插件特性

20.1.3 jQueryHTML5Uploader插件参数说明

20.1.4 使用jQueryHTML5Uploader插件实现文件拖曳上传

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

20.2.1 下载FileDrop.js插件

20.2.2 FileDrop.js插件特性

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

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

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

20.3.1 HTML5文件上传功能

20.3.2 图片拖曳上传HTML代码

20.3.3 图片拖曳上传CSS代码

20.3.4 图片拖曳上传JS代码

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

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

20.4 小结

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

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

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

21.1.2 参数说明

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

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

21.2.1 添加MediaElement.js插件库文件

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

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

21.3 其他jQuery+HTML5音视频插件

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

21.3.2 参数说明

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

21.4 小结

第22章 jQuery+HTML5绘图程序

22.1 准备jquery.deviantartmuro绘图插件

22.1.1 下载jquery.deviantartmuro绘图插件

22.1.2 参数说明

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

22.2 基于HTML5的Canvas绘图初级应用

22.2.1 Canvas（画布）简介

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

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

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

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

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

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

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

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

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

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

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

22.7 小结