jQuery程序设计基础教程

第1部分 基础篇
第1章 jQuery概述
1.1 初识jQuery
1.1.1 什么是jQuery
1.1.2 jQuery的优势
1.1.3 下载jQuery脚本文件和配置jQuery环境
1.1.4 第一个简单的jQuery程序
1.2 jQuery对象和DOM对象
1.2.1 DOM对象
1.2.2 jQuery对象
1.3 jQuery开发工具
1.3.1 使用Dreamweaver编辑jQuery程序
1.3.2 调试jQuery程序
练习题
第2章 JavaScript程序设计
2.1 在HTML中使用JavaScript语言
2.1.1 在HTML中插入JavaScript代码
2.1.2 使用js文件
2.2 基本语法
2.2.1 数据类型
2.2.2 变量
2.2.3 注释
2.2.4 运算符
2.3 常用语句
2.3.1 条件分支语句
2.3.2 循环语句
2.4 函数
2.4.1 创建自定义函数
2.4.2 调用函数
2.4.3 变量的作用域
2.4.4 函数的返回值
2.5 JavaScript内置对象
2.5.1 JavaScript的内置类框架
2.5.2 BOM对象编程
2.6 JavaScript事件处理
2.6.1 常用HTML事件
2.6.2 Event对象
2.7 JavaScript编辑和调试工具
2.7.1 使用Dreamweaver编辑JavaScript程序
2.7.2 调试JavaScript程序
练习题
第2部分 进阶篇
第3章 jQuery选择器
3.1 基础选择器
3.1.1 Id选择器
3.1.2 标签名选择器
3.1.3 根据元素的CSS类选择
3.1.4 选择所有HTML元素
3.1.5 同时选择多个HTML元素
3.2 层次选择器
3.2.1 ancestor descendant（祖先 后代）选择器
3.2.2 parent>child（父>子）选择器
3.2.3 prev+next（前+后）选择器
3.2.4 prev～siblings（前～兄弟）选择器
3.3 jQuery过滤器
3.3.1 基本过滤器
3.3.2 内容过滤器
3.3.3 可见性过滤器
3.3.4 属性过滤器
3.3.5 子元素过滤器
练习题
第4章 使用jQuery操作HTML元素
4.1 使用jQuery访问HTML元素的属性和内容
4.1.1 使用jQuery获取HTML元素对应的jQuery对象
4.1.2 使用jQuery获取和设置HTML元素的内容
4.1.3 使用jQuery获取和设置HTML元素的属性
4.1.4 使用jQuery删除HTML元素的属性
4.1.5 使用jQuery在网页中添加追加内容
4.2 使用jQuery管理HTML元素
4.2.1 使用jQuery遍历HTML元素
4.2.2 使用jQuery检查某个元素是否包含指定元素
4.2.3 使用jQuery删除HTML元素
4.2.4 使用jQuery插入HTML元素
4.2.5 使用jQuery复制HTML元素
4.2.6 使用jQuery替换HTML元素
练习题
第5章 jQuery插件
5.1 概述
5.1.1 jQuery的插件机制
5.1.2 使用jQuery插件
5.2 滚动插件
5.2.1 捕获滚动事件的插件Waypoints
5.2.2 滚动特效插件scrollTo
5.3 图表插件
5.3.1 Excel样式的表格插件Handsontable
5.3.2 HTML表格插件DataTables
5.3.3 图表效果插件Sparklines
5.4 布局插件
5.4.1 布局插件Masonry
5.4.2 动态布局插件Freetile.js
5.4.3 瀑布流的网页布局插件Wookmark
5.5 文字处理插件
5.5.1 自动调整文本大小的FitText.js插件
5.5.2 就地编辑插件jeditable
5.6 UI插件
5.6.1 旋钮插件knob
5.6.2 显示模式弹出框的插件Avgrund
5.6.3 滑动导航插件SlideDeck
练习题
第6章 jQuery的表单编程
6.1 HTML表单概述
6.1.1 定义表单
6.1.2 文本框
6.1.3 文本区域
6.1.4 单选按钮
6.1.5 复选框
6.1.6 组合框
6.1.7 按钮
6.2 jQuery的表单选择器和过滤器
6.2.1 表单选择器
6.2.2 表单过滤器
6.3 jQuery的表单事件处理
6.3.1 blur（）方法和focus（）方法
6.3.2 change（）方法
6.3.3 select（）方法
6.3.4 submit（）方法
6.4 操作表单元素
6.4.1 操作文本框和文本域
6.4.2 操作单选按钮和复选框
6.4.3 操作下拉框
6.5 jQuery的表单插件
6.5.1 a-tools插件
6.5.2 两级级联下拉列表插件DoubleSelection
6.5.3 表单验证插件Validate
6.5.4 其他值得推荐的表单插件
练习题
第7章 jQuery事件处理
7.1 事件处理函数
7.1.1 指定事件处理函数
7.1.2 绑定到事件处理函数
7.1.3 移除事件绑定
7.2 Event对象
7.2.1 Event对象的属性
7.2.2 Event对象的方法
7.3 jQuery事件方法
7.3.1 键盘事件
7.3.2 鼠标事件
7.3.3 文档加载事件
7.3.4 浏览器事件
练习题
第8章 使用jQuery设置CSS样式
8.1 CSS基础
8.1.1 什么是CSS
8.1.2 在HTML文档中应用CSS
8.1.3 颜色与背景
8.1.4 设置字体
8.1.5 设置文本对齐
8.1.6 超链接
8.1.7 列表
8.1.8 边框
8.1.9 CSS轮廓
8.1.10 浮动元素
8.2 CSS3的新技术
8.2.1 实现圆角效果
8.2.2 多彩的边框颜色
8.2.3 阴影
8.2.4 背景图片
8.2.5 多列
8.2.6 嵌入字体
8.2.7 透明度
8.2.8 HSL和HSLA颜色表现方法
8.3 在jQuery中设置CSS样式
8.3.1 使用css（）方法获取和设置CSS属性
8.3.2 与样式类别有关的方法
8.3.3 获取和设置HTML元素的尺寸
8.3.4 获取和设置元素的位置
8.3.5 滚动条相关
8.4 应用实例
8.4.1 动态控制页面字体大小
8.4.2 快捷切换网页显示样式
练习题
第3部分 高级应用篇
第9章 jQuery动画特效
9.1 显示和隐藏HTML元素
9.1.1 以动画效果显示HTML元素
9.1.2 隐藏HTML元素
9.1.3 切换HTML元素的显示和隐藏状态
9.2 淡入/淡出效果
9.2.1 实现淡入效果
9.2.2 实现淡出效果
9.2.3 直接调节HTML元素的透明度
9.2.4 以淡入/淡出的效果切换显示和隐藏HTML元素
9.3 滑动效果
9.3.1 以滑动效果显示隐藏的HTML元素
9.3.2 以滑动效果隐藏HTML元素
9.3.3 以滑动效果切换显示和隐藏HTML元素
9.4 动画队列
9.4.1 queue（）方法
9.4.2 dequeue（）方法
9.4.3 删除动画队列中的成员
9.4.4 延迟动画
9.4.5 停止正在执行的动画
9.5 执行自定义的动画
9.6 应用实例：焦点视频切换栏
9.6.1 实例界面和目录结构
9.6.2 设计实例页面
9.6.3 实现滑动切换的jQuery脚本
练习题
第10章 jQuery与Ajax
10.1 使用XMLHttpRequest对象与服务器通信
10.1.1 创建XMLHttpRequest对象
10.1.2 发送HTTP请求
10.1.3 从服务器接收数据
10.2 在jQuery中实现Ajax编程
10.2.1 load（）方法
10.2.2 $.get（）方法
10.2.3 $.post（）方法
10.2.4 $.getJSON（）方法
10.2.5 $.ajax（）方法
10.2.6 利用Ajax提交表单
10.2.7 Ajax的事件
10.3 应用实例——使用Ajax实现登录页面
练习题
第11章 jQuery与HTML
11.1 HTML5基础
11.1.1 什么是HTML
11.1.2 HTML5的新特性
11.1.3 浏览器对HTML5的支持
11.2 jQuery HTML5实用编程
11.2.1 支持进度显示的文件上传
11.2.2 jQuery+HTMl5 localStorage编程
11.2.3 Canvas绘图
11.2.4 基于HTML5播放声音的jQuery插件audioPlay
11.3 应用实例
11.3.1 jQuery+HTML5+CSS3设计页面布局的实例
11.3.2 jQuery+HTML5+CSS3设计视频播放器的实例
练习题
第12章 jQuery特效应用实例
12.1 提示条实例
12.1.1 滑出式提示条
12.1.2 智能提示条
12.2 图片播放
12.2.1 实现幻灯片特效
12.2.2 实现魔幻盒特效
12.2.3 滚动展示图片
12.2.4 图片的翻转
12.2.5 幻灯片式画廊
12.2.6 Blockster过渡特效
12.2.7 自动滑动播放图片
12.3 菜单和选项卡
12.3.1 jQuery+CSS设计选项卡和侧边栏菜单
12.3.2 动画菜单
12.3.3 动画文本和图标菜单
12.3.4 悬停切换的栏目
12.3.5 悬停下拉菜单
12.3.6 动态导航菜单
12.4 广告特效
12.4.1 自定义动画广告条
12.4.2 弹性伸缩广告
第13章 jQuery Mobile
13.1 jQuery Mobile概述
13.1.1 初识jQuery Mobile
13.1.2 引用jQuery Mobile开发包
13.2 jQuery Mobile组件
13.2.1 页面设计
13.2.2 对话框设计
13.2.3 弹出框
13.2.4 工具栏设计
13.2.5 按钮设计
13.2.6 列表设计
练习题
附录1 实验
实验1 初识jQuery
实验2 JavaScript编程
实验3 jQuery选择器
实验4 操作HTML元素
实验5 jQuery插件
实验6 表单编程
实验7 事件处理
实验8 设置CSS样式
实验9 jQuery动画特效
实验10 jQuery与Ajax
实验11 jQuery与HTML
实验12 jQuery特效应用实例
实验13 jQuery Mobile
附录2 jQuery常用工具函数