《jQuery开发技术详解》是由季国飞编著的计算机应用技术类书籍；该书由电子工业出版社于2010年出版发行。全书共分三篇：第一篇介绍Web开发必备的基础知识，如JavaScript语言基本语法、DOM文档对象模型以及在Web开发中经常用到的工具等；第二篇介绍jQuery中的选择器、DOM操作、事件、动画效果以及AJAX等的使用；第三篇通过若干比较完整的实例来讲解jQuery在具体项目中的使用，如增强用户体验、AJAX跨域操作、与PHP配合构建动态网站、键盘操作以及将数据以可视化形式显示等。

图书信息

宣传语

内容简介

前言

目录(第一篇 jQuery预备基础篇 第二篇 jQuery基础篇 第三篇 jQuery应用篇)

图书信息

书名：jQuery开发技术详解作　者：季国飞 编著

出 版 社： 电子工业出版社

ISBN 978-7-121-10417-6

出版时间： 2010-3-1

页　数：472页

开　本： 16开

定价：59.00元（含CD光盘1张）

宣传语

一线人员，为您讲述jQuery那独特的魅力！

内容简介

jQuery是目前在Web开发领域最流行的JavaScript库之一。本书通过理论与实践相结合的方式，由浅入深、循序渐进地介绍jQuery库的使用；同时又辅以大量真实开发案例，可以让用户很轻松地就能使用jQuery来增强网页的互动性，做出更好的Web前端产品以及各种更炫更酷的效果。

本书是一本注重jQuery理论与Web开发实践相结合的基础教程，适合各层次的Web开发人员阅读和参考。章与章之间的内容相对独立，读者可以根据自己的情况选择阅读。阅读本书的读者最好对XHTML/HTML /CSS有一定的了解。

前言

jQuery是一个优秀的开源JavaScript库。它的体积很小，代码风格独特而又优雅，改变了JavaScript程序员编写程序的方式和思路。jQuery库有一条设计理念，那就是“写的少，做的多”（write less, do more）。其独特的选择器、链式的DOM操作方式、事件绑定机制、封装完善的AJAX使其在众多优秀的JavaScript库中脱颖而出，独树一帜，赢得了众多使用者的拥护和信赖。

jQuery的语法简单易学，而且具有很强大的跨平台性，可以兼容多种核心的浏览器。目前，已经有一百多个插件来扩充jQuery的功能，使得jQuery能满足几乎所有客户端的脚本开发。

但是，目前来说专门介绍jQuery的书籍还很少，中文的书籍更是少之又少，这就给国内一些想要学习jQuery的Web开发爱好者制造了不小的障碍。为了方便广大读者学习，本人花费将近一年的时间写作这本书。本书通过理论与实践相结合的方式，由浅入深、循序渐进地介绍jQuery库的使用；同时又辅以大量真实的开发案例，可以让用户很轻松地就能使用jQuery来增强网页的互动性，做出更好的Web前端产品以及各种更炫更酷的效果。

本书的特点

1．循序渐进，由浅入深

阅读本书不需要对jQuery有所了解，甚至对JavaScript也不需要有很深的了解。为了方便读者学习，本书在第一篇首先介绍Web开发的基础知识，如JavaScript的基础语法等，以期读者可以在不参考其他资料的情况下顺利过渡到jQuery的学习和使用。

2．技术全面，内容充实

本书是一本关于jQuery的初级入门读物。书中详细介绍了jQuery 1.3.2几乎所有的特性和属性，并对每个模块均有很翔实的实例讲解。以期读者对jQuery有个很好的整体把握，同时以后需要用到一些特性的时候，可以进行查阅。另外，本书还在开始介绍了Web开发的基础知识，如Web开发中比较常用的工具等，可以让读者从一个完全的门外汉很快变成业内人士。

3．图文结合，理解深刻

讲解技术类的知识，最好的方式就是面对面的讲授，但是图书却不太容易做到这一点。为了弥补这个缺憾，本书在讲解具体实例的时候，除了大量的注释、讲解之外，还辅以一些简洁明了的图片，以期让读者对实例以及jQuery效果有更直观的理解。

4．真实案例，随学随用

本书是一本注重实践的书。因此，有大量的篇幅用在了真实的Web开发案例中。本书第三篇通过若干比较完整的实例来讲解jQuery在具体项目中的使用，如增强用户体验、AJAX跨域操作、与PHP配合构建动态网站、键盘操作以及将数据以可视化形式显示等。读者可以通过这些实例对jQuery的理论知识有更加深刻的理解，同时，这些实例稍作修改，就可以用在读者正在开发的项目中去，来实现各种精彩的效果。

5．配有源代码光盘，加速学习

为了让初学者快速入门，本书配套光盘中附赠了本书中的所有源代码。读者可以参考阅读。但是，笔者依然强烈建议，在学习本书的时候应该边学边练。即便不能不看书直接写代码，最好也要对着书上的代码手工敲入一边，以加深印象以及自己对知识本身的理解。

篇 名 章 名 内容介绍

第一篇 jQuery预备基础篇 第1章 Web开发的发展与趋势 本章主要介绍当前Web开发的现状、Web的标准概念、Web 2.0与Web 1.0的区别与联系，并通过当前的一些使用jQuery构建的大型网站，对jQuery能实现的效果进行简单介绍，以期读者对jQuery的强大有个更加直观的了解。

第2章 JavaScript基础 本章主要介绍JavaScript的基础知识，包括JavaScript中的变量、数据类型、操作符的使用、流程控制的方法，以及JavaScript数组以及函数的创建和使用。

第3章 文档对象模型（DOM） 本章主要介绍DOM的基本概念，如DOM的树结构以及节点的概念等。同时，也将介绍JavaScript中访问以及操作DOM节点的方法，包括获取元素、获取元素内的文本和元素内的HTML内容、创建一个新的DOM节点、插入或者删除一个DOM节点元素等。通过本章的介绍，读者可以对DOM的操作方式有所了解，为后续章节使用jQuery操作DOM元素做好铺垫。

第4章 工欲善其事，必先利其器——开发工具 本章将介绍网页设计过程中经常使用的工具，如SciTE、Notepad++等代码编辑工具，使用Blackbird、Firebug以及Venkman对JavaScript代码进行调试，以及Web Developer Toolbar工具栏的使用、JavaScript代码的压缩及混淆工具等。这些工具可以有效地提高编写代码及设计网站的效率，有必要熟练掌握其使用方法。

第二篇 jQuery基础篇 第5章 jQuery快速上手 本章将介绍了jQuery的由来和优势，并对目前几个流行的JavaScript库进行了介绍和对比。另外还将演示一个最简单的jQuery程序，通过这个示例，让读者对jQuery的$(document).ready()函数有一个基本的认识，并对jQuery选择器的使用以及click()函数也有初步的概念。

第6章 使用选择器获得要操作的元素 本章将介绍jQuery选择器中的基本选择器、层次选择器以及滤镜选择器，滤镜选择器中又对基本滤镜选择器、子元素滤镜选择器、表单滤镜选择器以及属性滤镜选择器分别结合具体实例展开详细的介绍。

第7章 操作得到的元素 本章介绍jQuery中操作得到的元素以及元素集的方法，包括对属性、样式类、CSS以及内容的操作，对元素集查找以及筛选的函数，以及jQuery中的链式操作等。通过使用这些函数，可以很方便地操作页面上的任意元素。

续表

篇 名 章 名 内容介绍

第二篇 jQuery基础篇 第8章 使用jQuery进行DOM操作 本章介绍jQuery中比较常用的对页面上DOM元素的操作方式，包括在元素内部以及外部插入元素，对页面上的DOM元素进行包裹、替换、删除以及克隆等操作。通过熟练使用这些DOM元素操作函数，可以很方便地对页面内容进行操控，再结合其他效果函数的使用，将可以为用户提供更加强大且有很好用户体验的应用。

第9章 jQuery中的事件处理 本章介绍jQuery中的事件处理机制。jQuery在JavaScript基本的事件处理机制的基础上，对其进行了增强和扩展，使得jQuery事件处理不但有优雅的语法，而且功能也更加强大。本章首先介绍了$(document).ready()事件的概念、jQuery事件的绑定与反绑定、触发器等，并对jQuery中众多的内置事件类型作了简单的分类和介绍。

第10章 jQuery中的动画与效果 本章介绍jQuery中的动画与效果，包括隐藏与显示、滑动效果以及淡入淡出效果等。本章将结合实例讨论这些效果的实现和应用，并将介绍jQuery中使用animate自定义动画的方法，以及jQuery中动画队列的概念及其使用方法。

第11章 jQuery 与AJAX 本章将介绍jQuery中AJAX的使用方法。首先介绍AJAX的实现原理及其最核心的组成部分XMLHttpRequest对象的概念和使用方式；然后介绍jQuery中用来支持AJAX的几个核心函数，包括load、get、post、getScript以及getJSON等，并对最核心的AJAX函数作了较为详细的介绍；同时，还将介绍jQuery中在使用AJAX时支持的几种服务器端数据类型返回方式，以及jQuery在实现AJAX完整请求过程中的各个步骤以及各个阶段的主要功能。

第12章 回头重看jQuery——核心及工具 本章将对jQuery的核心方法进行回顾，主要介绍jQuery中对象访问的通用函数、jQuery中的数据缓存机制和插件机制，以及jQuery中的常用工具类。使用这些工具类，可以更方便地完成对浏览器检测、获得及处理数组与对象等操作。

第三篇 jQuery应用篇 第13章 jQuery增强用户体验 本章将介绍目前在Web设计领域比较流行的网站内容的动态加载技术的jQuery实现，如“高亮菜单”、“加载提示”等，并将通过一个动态切换样式的例子进一步展示如何满足用户多元化、个性化的需求，对jQuery的cookie插件也将有所介绍。

第14章 jQuery中使用AJAX跨域操作 本章将介绍使用jQuery中的AJAX技术进行跨域操作的方法，并通过对flickr、delicious以及Google AJAX Search等网站API调用的实例，演示Script方式以及JSONP方式在跨域操作中的应用。使用该特性，可以很容易地做出新颖有趣的混搭应用。

第15章 jQuery+ PHP动态网站实践 本章将介绍jQuery在PHP动态网站建站中的使用，通过两个实例来具体讲解：一个是构建网站的标签云功能；一个是构建简单的微博客系统。通过这些实例，读者可以了解，使用jQuery并结合一种动态脚本语言，可以实现很多很丰富的内容。

第16章 jQuery键盘操作 本章将介绍使用jQuery实现与键盘操作相关的功能，例如：如何在网页上使用快捷键进行页面内容的切换，或者使用jQuery来实现软键盘的操作等。

续表

篇 名 章 名 内容介绍

第三篇 jQuery应用篇 第17章 jQuery可视化数据显示 本章将介绍数据的可视化显示对用户的理解以及阅读带来的优越性，以及使用jQuery插件对数据进行可视化的方法。在本章的实例中，将使用jQuery为其添加更加丰富的功能，例如Tooltip提示等，进一步增强了用户体验。读者可以在本文基础上对flot插件进行深入研究，实现出更加复杂与实用的图表。

适合的读者

本书是一本注重jQuery理论与Web开发实践相结合的基础教程，章与章之间的内容相对独立，读者可以根据自己的情况选择阅读。适合各层次的Web开发人员阅读和参考，主要适合于：

Web前端开发人员

Web后台设计人员

Web设计爱好者

大中专院校学生

本书作者

本书由季国飞编写，参与编写的人员有昊燃、方振宇、陈冠佐、傅奎、陈勤、梁洋洋、毕梦飞、陈庆、柴相花、陈非凡、陈华、陈嵩、承卓、陈先在，在此表示感谢！

季国飞

2010年1月

目录

第一篇 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