jQuery从入门到精通

第1篇基础知识

第1章Web应用开发概述

视频讲解：28分钟

1.1 网络程序开发体系结构

1.1.1 C/S结构介绍

1.1.2 B/S结构介绍

1.1.3 两种体系结构的比较

1.2 Web简介

1.2.1 什么是Web

1.2.2 Web的工作原理

1.2.3 Web的发展历程

1.3 Web开发技术

1.3.1 客户端应用技术

1.3.2 服务器端应用技术

1.4 小结

第2章JavaScript概述

视频讲解：77分钟

2.1 JavaScript简述

2.1.1 什么是JavaScript

2.1.2 JavaScript的作用

2.1.3 JavaScript的基本特点

2.2 编写JavaScript的工具

2.2.1 记事本

2.2.2 FrontPage

2.2.3 Dreamweaver

2.3 编写*个JavaScript程序

2.3.1 编写JavaScript程序

2.3.2 运行JavaScript程序

2.3.3 调试JavaScript程序

2.4 JavaScript内置对象

2.4.1 JavaScript的内置类框架

2.4.2 数组

2.4.3 Date对象

2.4.4 String对象

2.5 BOM对象编程

2.5.1 什么是BOM对象

2.5.2 BOM对象编程

2.6 JavaScript库

2.6.1 什么是JavaScript库

2.6.2 常用JavaScript库简介

2.7 小结

2.8 练习与实践

第3章初识jQuery

视频讲解：63分钟

3.1 jQuery简述

3.1.1 jQuery能做什么

3.1.2 jQuery的特点

3.1.3 jQuery的版本

3.2 jQuery下载与配置

3.2.1 下载jQuery

3.2.2 配置jQuery

3.2.3 我的*个jQuery脚本

3.3 jQuery对象和DOM对象

3.3.1 jQuery对象和DOM对象简介

3.3.2 jQuery对象和DOM对象的相互转换

3.4 解决jQuery和其他库的冲突

3.4.1 jQuery库在其他库之前导入

3.4.2 jQuery库在其他库之后导入

3.5 jQuery插件简介

3.5.1 插件的使用

3.5.2 流行的插件

3.6 小结

3.7 练习与实践

第4章使用jQuery选择器

视频讲解：100分钟

4.1 jQuery的工厂函数

4.2 jQuery选择器是什么

4.3 jQuery选择器的优势

4.3.1 代码更简单

4.3.2 支持CSS1到CSS3选择器

4.3.3 完善的检测机制

4.4 基本选择器

4.4.1 ID选择器（#id）

4.4.2 元素选择器（element）

4.4.3 类名选择器（.class）

4.4.4 复合选择器（selector1，selector2，selectorN）

4.4.5 通配符选择器（*）

4.5 层次选择器

4.5.1 ancestor descendant选择器

4.5.2 parent>child选择器

4.5.3 prev next选择器

4.5.4 prev~siblings选择器

4.6 过滤选择器

4.6.1 简单过滤器

4.6.2 内容过滤器

4.6.3 可见性过滤器

4.6.4 表单对象的属性过滤器

4.6.5 子元素过滤器

4.7 属性过滤器

4.8 表单选择器

4.9 选择器中的一些注意事项

4.9.1 选择器中含有特殊符号的注意事项

4.9.2 选择器中含有空格的注意事项

4.10 综合实例：隔行换色鼠标指向表格并且行变色

4.11 小结

4.12 练习与实践

第5章使用jQuery操作DOM

视频讲解：75分钟

5.1 DOM操作的分类

5.2 对元素的内容和值进行操作

5.2.1 对元素内容操作

5.2.2 对元素值操作

5.3 对DOM节点进行操作

5.3.1 创建节点

5.3.2 查找节点

5.3.3 插入节点

5.3.4 删除、复制与替换节点

5.3.5 遍历节点

5.3.6 包裹节点

5.4 对元素属性进行操作

5.5 对元素的CSS样式操作

5.5.1 通过修改CSS类实现

5.5.2 通过修改CSS属性实现

5.6 综合实例：实现我的开心小农场

5.7 小结

5.8 练习与实践

第2篇核心技术

第6章jQuery中的事件处理

视频讲解：54分钟

6.1 JavaScript事件处理

6.1.1 事件与事件名称

6.1.2 JavaScript的常用事件

6.1.3 event对象

6.2 页面加载响应事件

6.3 jQuery中的事件

6.4 事件绑定

6.4.1 为元素绑定事件

6.4.2 移除绑定

6.4.3 绑定一次性事件处理

6.5 模拟用户操作

6.5.1 模拟用户的操作触发事件

6.5.2 模仿悬停事件

6.6 事件捕获与事件冒泡

6.6.1 什么是事件捕获与事件冒泡

6.6.2 事件对象

6.6.3 阻止事件冒泡

6.6.4 阻止浏览器默认行为

6.6.5 事件对象的属性

6.7 小结

6.8 练习与实践

第7章jQuery中的动画效果

视频讲解：45分钟

7.1 隐藏匹配元素

7.2 显示匹配元素

7.3 切换元素的可见状态

7.4 淡入淡出的动画效果

7.5 滑动效果

7.5.1 滑动显示匹配的元素

7.5.2 滑动隐藏匹配的元素

7.5.3 通过高度的变化动态切换元素的可见性

7.5.4 实战模拟：伸缩式导航菜单

7.6 自定义的动画效果

7.6.1 使用animate()方法创建自定义动画

7.6.2 使用stop()方法停止动画

7.6.3 判断元素是否处于动画状态

7.6.4 延迟动画的执行

7.7 综合实例：实现图片传送带效果

7.8 小结

7.9 练习与实践

第8章使用jQuery处理图片和幻灯片

视频讲解：32分钟

8.1 jQuery操作图片

8.1.1 Lightbox

8.1.2 使用Jcrop剪裁图片

8.2 jQuery实现幻灯片切换效果

8.2.1 交叉渐变幻灯片

8.2.2 滚动幻灯片

8.3 综合实例：使用jQuery制作下拉菜单

8.4 小结

8.5 练习与实践

第9章使用jQuery操作表单

视频讲解：57分钟

9.1 HTML表单概述

9.1.1 表单属性

9.1.2 输入标记<input>

9.1.3 文本域标记<textarea>

9.1.4 菜单和列表标记

9.2 使用jQuery操作表单元素

9.2.1 操作文本框

9.2.2 操作文本域

9.2.3 操作单选按钮和复选框

9.2.4 操作下拉框

9.2.5 表单验证

9.3 综合实例：删除记录时的提示效果

9.4 小结

9.5 练习与实践

第10章使用jQuery操作表格和树

视频讲解：31分钟

10.1 jQuery表格

10.1.1 控制表格颜色显示

10.1.2 表格的展开与关闭

10.1.3 表格内容的筛选

10.2 使用jQuery操作树

10.2.1 使用jQuery操作树

10.2.2 通过事件委托处理树

10.3 综合实例：jQuery对表格的综合操作

10.4 小结

10.5 练习与实践

第11章Ajax在jQuery中的应用

视频讲解：51分钟

111.1 Ajax技术简介

11.1.1 Ajax概述

11.1.2 Ajax开发模式

11.1.3 Ajax技术的优点

11.1.4 Ajax技术的缺点

11.2 安装Web运行环境——AppServ

11.3 通过JavaScript应用Ajax

11.4 jQuery中的Ajax应用

11.4.1 load()方法

11.4.2 使用$.get()方法请求数据

11.4.3 使用$.post()方法请求数据

11.4.4 $.getScript()方法加载js文件

11.4.5 $.getJSON()方法加载JSON文件

11.4.6 使用$.ajax()方法请求数据

11.4.7 使用serialize()方法序列化表单

11.5 Ajax的全局事件

11.5.1 Ajax全局事件的参数及功能

11.5.2 ajaxStart与ajaxStop全局事件

11.6 综合实例：Ajax实现留言板即时更新

11.7 小结

11.8 练习与实践

第3篇高级应用

第12章jQuery UI插件的使用

视频讲解：70分钟

12.1 初识jQueryUI插件

12.1.1 jQuery UI概述

12.1.2 jQuery UI的下载

12.1.3 jQuery UI的使用

12.1.4 jQuery UI的工作原理

12.1.5 jQuery UI中的插件

12.2 jQuery UI的常用插件

12.2.1 折叠面板（Accordion）的使用

12.2.2 自动完成（Autocomplete）插件的使用

12.2.3 按钮（Button）的使用

12.2.4 日期选择器（Datepicker）的使用

12.2.5 对话框（Dialog）的使用

12.2.6 菜单（Menu）的使用

12.2.7 进度条（Progressbar）的使用

12.2.8 滑块（Slider）的使用

12.2.9 微调按钮（Spinner）的使用

12.2.10 选项卡（Tabs）的使用

12.2.11 工具提示框（Tooltip）的使用

12.2.12 自由拖拽类（draggable）的使用

12.3 小结

12.4 练习与实践

第13章常用的第三方jQuery插件

视频讲解：46分钟

13.1 jQuery插件概述

13.1.1 什么是jQuery插件

13.1.2 常用的第三方jQuery插件

13.1.3 如何调用第三方jQuery插件

13.2 常用的jQuery插件的使用

13.2.1 uploadify插件（文件上传）

13.2.2 zTree插件（树菜单）

13.2.3 Validation插件（表单验证）

13.2.4 Nivo Slider插件（图片切换）

13.2.5 Pagination插件（数据分页）

13.2.6jQZoom插件（图片放大镜）

13.3 综合实例：使用ColorPicker插件制作颜色选择器

13.4 小结

13.5 练习与实践

第14章jQuery必知的工具函数

视频讲解：30分钟

14.1 jQuery工具函数概述

14.2 工具函数的分类

14.3 数组和对象的操作

14.3.1 遍历数据

14.3.2 数据筛选

14.3.3 数据检索

14.3.4 数据变更

14.4 字符串操作

14.5 测试操作

14.5.1 检测对象是否为空

14.5.2 检测两个节点的包含关系

14.5.3 检测指定参数是否为函数

14.5.4 检测指定对象是否为原始对象

14.6 URL操作

14.7 其他工具函数

14.8 工具函数的扩展

14.8.1 使用$.extend()扩展工具函数

14.8.2 使用$.extend()扩展Object对象

14.9 小结

14.10 练习与实践

第15章jQuery的开发技巧

视频讲解：24分钟

15.1 快速控制页面元素

15.1.1 获取鼠标位置

15.1.2 居中显示元素

15.2 调用jQuery中的方法

15.2.1 使用预加载方法预览图片

15.2.2 延迟加载图片

15.2.3 通过html()方法判断元素是否为空

15.3 灵活使用jQuery中的事件

15.3.1 屏蔽鼠标右键菜单

15.3.2 限制文本输入框中输入字符的个数

15.4 常用自定义方法

15.4.1 自定义选择器

15.4.2 自定义样式

15.5 其他开发技巧与方法

15.5.1 隐藏搜索文本框文字

15.5.2 统计元素个数

15.6 小结

15.7 练习与实践

第16章jQuery各个版本的变化

视频讲解：26分钟

16.1 jQuery1.3版本

16.2 jQuery1.4版本

16.3 jQuery1.5版本

16.4 jQuery1.6版本

16.5 jQuery1.7版本

16.6 jQuery1.8版本

16.7 jQuery1.9版本

16.8 jQuery1.10版本

16.9 小结

第17章jQuery的性能优化

视频讲解：36分钟

17.1 选择器性能优化

17.1.1 优先使用ID选择器

17.1.2 在class之前使用tag标记

17.1.3 使用jQuery的对象缓存

17.1.4 使用子查询优化选择器的性能

17.1.5 优化选择器以适用Sizzle的“从右至左”模型

17.1.6 利用强大的链式操作

17.1.7 给选择器一个上下文

17.2 优化DOM操作

17.3 事件性能的优化

17.3.1 将事件推迟到$(window).load()

17.3.2 使用delegate()方法为元素添加事件

17.4 使用方法优化性能

17.4.1 使用data方法存取普通数据

17.4.2 使用data方法存取JSON数据

17.4.3 使用target()方法优化事件中的冒泡现象

17.5 其他常用的jQuery性能优化建议

17.5.1 使用*版本的jQuery

17.5.2 使用HTML5

17.5.3 给15个以上元素添加样式，直接给DOM元素添加style标签

17.5.4 避免载入多余的代码

17.5.5 压缩成一个JS文件，将下载次数保持到*少

17.5.6 必要时使用原生的JavaScript

17.6 小结

17.7 练习与实践

第18章jQuery在HTML5中的应用

视频讲解：43分钟

18.1 HTML5基础

18.1.1 HTML的发展历程

18.1.2 HTML5的新特性

18.1.3 浏览器对HTML5的支持

18.2 jQuery与HTML5编程

18.2.1 显示文件上传的进度条

18.2.2 Canvas绘图

18.2.3 jQuery HTML5实现图片旋转效果

18.2.4 基于HTML5播放声音的jQuery插件audioPlay

18.2.5 Web Storage编程

18.3 综合实例：旅游信息网前台页面设计

18.3.1 网站预览

18.3.2 网站主体结构设计

18.3.3 HTML5结构元素的使用

18.3.4 网站公共部分设计

18.3.5 网站主页设计

18.3.6 “留下足迹”页面设计

18.4 小结

18.5 练习与实践

第19章jQuery Mobile

视频讲解：25分钟

19.1 初识jQueryMobile

19.1.1 jQuery Mobile工作原理

19.1.2 jQuery Mobile的主要特性

19.2 jQuery Mobile安装和使用

19.3 *个jQueryMobile实例

19.4 jQuery Mobile组件

19.4.1 页面设计

19.4.2 对话框设计

19.4.3 弹出框

19.4.4 工具栏设计

19.4.5 按钮设计

19.5 列表设计

19.6 jQuery Mobile API接口应用

19.6.1 默认配置设置

19.6.2 方法

19.6.3 事件

19.7 小结

19.8 练习与实践

第4篇项目实战

第20章PHP jQuery Ajax实现产品之家

视频讲解：53分钟

20.1 网站概述

20.2 系统设计

20.2.1 系统目标

20.2.2 系统功能结构

20.2.3 开发环境

20.2.4 网页预览

20.2.5 文件夹组织结构

20.3 数据库设计

20.3.1 数据库设计

20.3.2 数据表设计

20.4 公共文件设计

20.4.1 数据库连接、管理类文件

20.4.2 Smarty模板配置类文件

20.5 前台首页设计

20.5.1 广告宣传图片展示

20.5.2 产品图片展示

20.6 产品列表页面设计

20.6.1 产品搜索

20.6.2 产品列表

20.7 产品描述页面设计

20.8 产品评分页面设计

20.8.1 产品用户评分

20.8.2 推荐产品

20.9 代理加盟页面设计

20.10 后台产品管理模块

20.10.1 后台功能概述

20.10.2 产品管理模块介绍

20.11 运行项目

20.12 小结