jQuery开发技术详解

第一篇 jQuery预备基础篇

第1章 Web开发的发展与趋势 2

1.1 Web标准 2

1.1.1 XML 3

1.1.2 XHTML 3

1.1.3 CSS 4

1.1.4 DOM 4

1.1.5 ECMAScript 5

1.2 传统互联网与Web 2.0 5

1.2.1 传统网络Web 1.0 5

1.2.2 最近的新宠Web 2.0 6

1.3 jQuery能做什么 11

1.3.1 更加丰富的导航菜单 11

1.3.2 Tab内容的切换 13

1.3.3 人性化的提示信息 13

1.3.4 可定制的用户内容 14

1.3.5 动态的图片展示效果 15

1.3.6 AJAX实时局部刷新 16

1.3.7 数据的可视化显示 17

1.4 jQuery知识体系及学习建议 17

1.4.1 jQuery知识体系 17

1.4.2 学习建议 19

1.5 小结 19

第2章 JavaScript基础 20

2.1 什么是JavaScript 20

2.2 语法规则 21

2.2.1 大小写敏感 21

2.2.2 空格、换行与可选的分号 23

2.2.3 注释 25

2.2.4 关键字和保留字 26

2.2.5 在页面上插入JavaScript代码 28

2.3 变量 29

2.3.1 变量的命名 29

2.3.2 变量的声明 30

2.3.3 变量的使用 32

2.3.4 全局变量和局部变量 33

2.4 JavaScript中的数据类型 35

2.4.1 字符串类型 36

2.4.2 数值类型 37

2.4.3 布尔类型 37

2.4.4 undefined类型 38

2.4.5 null类型 40

2.4.6 NaN类型 40

2.5 数据类型间转换 41

2.5.1 使用toString()转换为字符串 41

2.5.2 使用parseInt()转换为整型数 43

2.5.3 使用parseFloat()转换为浮点数 45

2.6 JavaScript操作符 47

2.6.1 比较操作符 47

2.6.2 逻辑操作符 48

2.6.3 JavaScript操作符优先级 49

2.7 流程控制 50

2.7.1 条件语句 50

2.7.2 循环语句 54

2.8 数组 56

2.8.1 创建一个数组 57

2.8.2 使用数组元素 58

2.8.3 使用多维数组 58

2.9 函数 59

2.9.1 函数的定义 59

2.9.2 函数的参数及返回值 60

2.10 小结 61

第3章 文档对象模型（DOM） 62

3.1 什么是DOM 62

3.2 DOM的结构和节点 63

3.2.1 DOM的树结构 63

3.2.2 DOM中的节点 65

3.3 访问DOM节点 67

3.3.1 按id取元素：getElementById() 67

3.3.2 按标签名取元素集：getElementsByTagName() 68

3.4 操作元素内的文本 70

3.5 操作元素内的HTML 72

3.6 修改DOM节点 73

3.6.1 创建DOM节点 74

3.6.2 插入DOM节点 76

3.6.3 删除DOM节点 78

3.7 小结 80

第4章 工欲善其事，必先利其器——开发工具 81

4.1 代码编辑工具 81

4.1.1 SciTE 81

4.1.2 Notepad++ 82

4.1.3 Dreamweaver 83

4.2 调试工具 84

4.2.1 使用Blackbird进行调试 84

4.2.2 使用Firebug进行调试 85

4.2.3 使用Venkman进行调试 91

4.3 其他工具 92

4.3.1 Web Developer Toolbar 92

4.3.2 JavaScript压缩混淆工具 99

4.4 小结 100

第二篇 jQuery基础篇

第5章 jQuery快速上手 102

5.1 什么是jQuery 102

5.2 为什么选择jQuery 102

5.2.1 当前流行JavaScript库比较 103

5.2.2 jQuery的优势 106

5.3 配置jQuery开发环境 107

5.3.1 获取jQuery最新版本 107

5.3.2 jQuery库类型说明 108

5.3.3 在页面中引用jQuery库 108

5.3.4 jQuery 1.2.6新特性及主要改变 110

5.3.5 jQuery 1.3.2新特性及主要改变 112

5.4 准备HTML和CSS代码 114

5.4.1 演示框架目录结构 115

5.4.2 HTML代码 115

5.4.3 CSS代码 117

5.5 编写jQuery代码 119

5.6 小结 122

第6章 使用选择器获得要操作的元素 123

6.1 CSS选择器 123

6.1.1 使用CSS选择器 123

6.1.2 通配选择器 124

6.1.3 标签选择器 124

6.1.4 ID选择器 125

6.1.5 类选择器 125

6.1.6 后代选择器 126

6.1.7 子元素选择器 127

6.1.8 相邻兄弟选择器 127

6.1.9 属性选择器 128

6.2 jQuery选择器 130

6.2.1 基本选择器 130

6.2.2 层次选择器 135

6.2.3 基本滤镜选择器 139

6.2.4 子元素滤镜选择器 151

6.2.5 表单滤镜选择器 156

6.2.6 属性滤镜选择器 164

6.3 小结 167

第7章 操作得到的元素 168

7.1 操作属性 168

7.1.1 读取属性 168

7.1.2 修改属性 170

7.1.3 删除属性 173

7.2 操作样式类 174

7.2.1 添加样式类 174

7.2.2 去除样式类 176

7.2.3 交替样式类 177

7.3 操作CSS 178

7.3.1 读取CSS样式 178

7.3.2 设置CSS样式 180

7.3.3 获得元素偏移信息 182

7.3.4 获得和设置高度 183

7.3.5 获得和设置宽度 185

7.4 操作内容 186

7.4.1 操作HTML代码 186

7.4.2 操作文本 188

7.4.3 操作值 190

7.5 查找与筛选元素 193

7.5.1 过滤元素集 193

7.5.2 在元素集中查找 197

7.6 链式操作 202

7.6.1 使用链式操作 203

7.6.2 结束当前操作对象 205

7.6.3 添加当前操作对象到先前对象 207

7.7 小结 208

第8章 使用jQuery进行DOM操作 209

8.1 在元素内部插入DOM元素 209

8.2 在元素外部插入DOM元素 214

8.3 包裹DOM元素 217

8.3.1 使用指定的元素标记进行包裹 217

8.3.2 使用HTML标记进行包裹 220

8.3.3 包裹内部元素 222

8.4 替换DOM元素 223

8.5 删除DOM元素 225

8.6 克隆DOM元素 227

8.7 小结 229

第9章 jQuery中的事件处理 230

9.1 页面载入完毕响应事件 230

9.1.1 jQuery中的$(document).ready()事件 230

9.1.2 window.onload()事件和$(document).ready()事件的比较 231

9.2 绑定与反绑定事件监听器 233

9.2.1 绑定事件 233

9.2.2 反绑定事件 238

9.2.3 一次性的事件绑定 239

9.3 事件触发器 241

9.3.1 trigger触发事件 241

9.3.2 triggerHandler触发事件 244

9.4 事件的交互处理 245

9.4.1 hover：模仿鼠标悬停 246

9.4.2 toggle：多次单击的循环响应 247

9.5 jQuery内置事件类型 248

9.5.1 jQuery内置事件函数的两种声明方式 249

9.5.2 jQuery内置事件类型分类 250

9.6 小结 253

第10章 jQuery中的动画与效果 254

10.1 基本效果 254

10.1.1 隐藏元素 254

10.1.2 显示元素 258

10.1.3 交替显示隐藏 259

10.2 滑动效果 260

10.2.1 向上收缩效果 260

10.2.2 向下展开 262

10.2.3 交替伸缩样式 262

10.3 淡入淡出效果 263

10.3.1 淡入效果 263

10.3.2 淡出效果 265

10.3.3 自定义不透明度 265

10.4 自定义动画效果 266

10.4.1 自定义动画 266

10.4.2 jQuery动画队列 270

10.5 小结 273

第11章 jQuery与AJAX 274

11.1 AJAX的应用 274

11.1.1 AJAX的历史 274

11.1.2 AJAX经典应用 275

11.2 AJAX原理与XMLHttpRequest对象 278

11.2.1 AJAX的原理 279

11.2.2 XMLHttpRequest对象 281

11.3 jQuery中的AJAX 284

11.3.1 load()、get()和post()函数 284

11.3.2 ajax函数 294

11.3.3 getScript及getJSON函数 300

11.4 jQuery中的AJAX服务器端返回方式 304

11.4.1 html方式 305

11.4.2 text方式 307

11.4.3 xml方式 308

11.4.4 script方式 316

11.4.5 json方式 316

11.5 jQuery中的AJAX事件 318

11.5.1 AJAX局部事件 318

11.5.2 AJAX全局事件 320

11.6 小结 323

第12章 回头重看jQuery——核心及工具 324

12.1 核心函数 324

12.1.1 核心函数形式 324

12.1.2 使用核心函数 326

12.2 jQuery对象访问 329

12.2.1 获得长度 329

12.2.2 获得其中某个对象 329

12.2.3 遍历对象集 332

12.3 数据缓存 333

12.3.1 隐藏数据 333

12.3.2 设置和获取元素的缓存数据 334

12.3.3 删除缓存数据 336

12.4 jQuery常用工具类 337

12.4.1 浏览器相关 337

12.4.2 数组与对象相关 340

12.4.3 其他功能性函数 348

12.5 jQuery插件机制 349

12.5.1 jQuery.extend(object) 350

12.5.2 jQuery.fn.extend(object) 351

12.6 小结 352

第三篇 jQuery应用篇

第13章 jQuery增强用户体验 354

13.1 动态加载显示内容 354

13.1.1 设计网站外观及显示 354

13.1.2 jQuery 动态加载内容 356

13.2 改进：增强用户体验 358

13.2.1 高亮当前选中菜单 358

13.2.2 加载时提示“正在加载…” 359

13.3 动态切换样式 361

13.3.1 jQuery样式切换简单实现 361

13.3.2 使用Cookie保存用户选项 363

13.3.3 使用jQuery.cookie插件 366

13.4 小结 368

第14章 jQuery中使用AJAX跨域操作 369

14.1 跨域操作的实现方式 369

14.1.1 Script方式实现跨域操作 369

14.1.2 JSONP方式实现跨域操作 371

14.2 跨域操作flickr网站API 374

14.3 跨域操作delicious网站API 378

14.4 跨域操作Google AJAX Search API 382

14.5 小结 388

第15章 jQuery+PHP动态网站实践 389

15.1 标签云（Tag Cloud） 389

15.1.1 标签云的概念与使用 389

15.1.2 标签云显示样式设计 390

15.1.3 设计MySQL数据库 394

15.1.4 构建PHP代码 395

15.1.5 构建jQuery代码 398

15.2 类twitter微博客系统 399

15.2.1 微博客系统 400

15.2.2 设计MySQL数据库 403

15.2.3 构建PHP代码及jQuery代码 404

15.2.4 功能改进：增加字数统计功能 408

15.3 小结 410

第16章 jQuery键盘操作 411

16.1 键盘快捷键动态切换页面 411

16.1.1 需求与最终效果 411

16.1.2 HTML及CSS代码 412

16.1.3 jQuery代码 416

16.2 使用插件进行改进 420

16.2.1 存在的问题 420

16.2.2 js-hotkeys插件的使用 421

16.2.3 使用js-hotkeys插件改进本章示例 423

16.3 软键盘的实现 425

16.3.1 软键盘的使用 425

16.3.2 准备HTML及CSS代码 425

16.3.3 构建jQuery代码 430

16.3.4 最终效果 433

16.4 小结 435

第17章 jQuery可视化数据显示 436

17.1 数据的可视化显示 436

17.2 使用flot插件可视化数据显示 438

17.2.1 flot插件介绍 438

17.2.2 准备HTML及CSS代码 439

17.2.3 构建jQuery代码 442

17.2.4 实现折点上的Tooltip显示 448

17.3 小结 451

jQuery是目前在Web开发领域最流行的JavaScript库之一。《jQuery开发技术详解》通过理论与实践相结合的方式，由浅入深、循序渐进地介绍jQuery库的使用；同时又辅以大量真实开发案例，可以让用户很轻松地就能使用jQuery来增强网页的互动性，做出更好的Web前端产品以及各种更炫更酷的效果。
　　《jQuery开发技术详解》的内容共三篇：第一篇介绍Web开发必备的基础知识，如JavaScript语言基本语法、DOM文档对象模型以及在Web开发中经常用到的工具等；第二篇介绍jQuery中的选择器、DOM操作、事件、动画效果以及AJAX等的使用；第三篇通过若干比较完整的实例来讲解jQuery在具体项目中的使用，如增强用户体验、AJAX跨域操作、与PHP配合构建动态网站、键盘操作以及将数据以可视化形式显示等。
　　《jQuery开发技术详解》是一本注重jQuery理论与Web开发实践相结合的基础教程，适合各层次的Web开发人员阅读和参考。章与章之间的内容相对独立，读者可以根据自己的情况选择阅读。阅读《jQuery开发技术详解》的读者最好对XHTMLHTML CSS有一定的了解。

9小时多媒体视频讲解
　　12个典型应用模块
　　196个配套实例
　　一线人员，为您讲述jQuery那独特的魅力!
　　《jQuery开发技术详解》涵盖内容：
　　JavaSc ript基础
　　文档对象模型
　　jQuery开发工具
　　jQuery选择器
　　jQuery DOM操作
　　jQuery事件处理
　　jQuery动画与效果
　　AJAX应用
　　jQuery核心及工具
　　动态加载内容
　　动态切换样式
　　跨域操作API
　　标签云
　　类twitter微博客系统
　　键盘快捷键动态切换页面
　　实现软键盘
　　flot插件实现数据可视化
　　超值光盘
　　9小时多媒体视频
　　《jQuery开发技术详解》源文件
　　教学PPT
　　赠送JavaSc ript入门教学视频