第一部分　jQuery与javaScript简介

第1章　认识jQuery　2

1.1　探索Javascript库　2

1.1.1　JavaScript库优于传统解决方案之处　2

1.1.2　主流JavaScript库　3

1.1.3　jQuery的高明之处　5

第2章　jQuery入门　13

2.1　搭建开发环境　13

2.2　下载jQuery库　21

2.3　在页面中包含jQuery库　23

2.4　理解jQuery包装器　25

2.4.1　在document.ready事件处理方法之外执行代码　26

2.4.2　防止与其他库发生冲突　27

2.4.3　用jQuery写JavaScript　28

第二部分　jQuery基础

第3章　jQuery核心：选择器、过滤器及CSS　30

3.1　使用jQuery选择器选取DOM元素　30

3.2　使用jQuery过滤器过滤元素　42

3.2.1　基本过滤器及应用　42

3.2.2　利用:even和:odd过滤器生成条纹表格　43

3.2.3　为列表或集合中的第一个和最后一个元素设置样式　45

3.2.4　找出包含特定元素的元素　46

3.2.5　找出不包含任何子元素或文本的元素　47

3.2.6　根据元素包含的文本过滤元素　48

3.3　根据元素的属性在DOM中选取元素　50

3.3.1　选择包含某个网站地址的链接　50

3.3.2　选择属性值以某个单词结尾的元素　51

3.3.3　用jQuery操作HTML和CSS　53

3.3.4　添加、删除、克隆及替换DOM元素或内容　53

3.3.5　在jQuery中使用CSS　58

第4章　事件　60

4.1　理解jQuery事件　60

4.2　使用文档和窗口事件　61

4.2.1　使用.ready()事件检测DOM是否完全加载　61

4.2.2　使用.load()事件预加载图片　62

4.2.3　在用户离开页面时显示一条提示消息　64

4.2.4　使用error事件显示备用图片　65

4.3　事件代理（委托）入门　66

4.3.1　使用.bind()绑定事件处理函数　67

4.3.2　使用.live()绑定事件处理函数　68

4.3.3　使用.delegate()绑定事件处理函数　68

4.4　捕获鼠标事件　69

4.4.1　通过单击鼠标触发添加或删除页面内容的行为　70

4.4.2　双击事件　73

4.4.3　利用鼠标悬停行为显示提示内容　73

4.4.4　利用mousedown和mouseup事件实现添加到购物车功能　77

4.4.5　实现图片翻转效果　80

4.5　捕获表单事件　81

4.5.1　得到焦点时为表单元素添加边框　82

4.5.2　焦点离开输入框之后显示消息　82

4.6　捕获键盘事件　82

第5章　用特效为Web站点添色　86

5.1　jQuery特效能做些什么　86

5.2　使用.show()和.hide()方法显示或隐藏元素　88

5.2.1　结合.show()方法和cookie让一条消息在站点上只显示一次　90

5.2.2　切换元素的显示状态(显示/隐藏)　92

5.3　滑动元素　93

5.4　使用.slideToggle()方法显示替代搜索项　93

5.5　元素淡入淡出　96

5.6　使用淡入/淡出效果建立一个简单的图库　96

5.7　使用延迟创建定时执行的动画　100

5.8　链式调用多个效果　101

5.9　使用多种特效创建一个新闻阅读器　102

5.10　创建高级动画　105

5.10.1　使用高级动画创建一个带文本说明的图库　106

5.10.2　使用jQuery Easing插件添加缓动效果　113

第三部分　jQuery应用

第6章　改进导航：菜单、标签及折叠选项　116

6.1　让页面上所有的链接都在新窗口打开　116

6.2　突出显示导航中的当前选中项　117

6.3　创建简单的下拉菜单　119

6.4　创建折叠菜单　125

6.5　创建标签式内容　131

第7章　生成可交互的生动表格　138

7.1　用CSS为表格数据设置样式　138

7.1.1　使用过滤器创建条纹表格　140

7.1.2　为表格中的行添加简单悬停效果　141

7.1.3　为表格中的行添加高级悬停效果　142

7.2　维护表格数据　143

7.2.1　在表格第一行或最后一行之后添加一行　145

7.2.2　使用过滤器选择器删除一行　147

7.2.3　基于索引在某一行之后增加一行　148

7.2.4　基于索引删除某行　148

7.2.5　在包含特定内容的行之后追加消息　148

7.2.6　基于元素内容删除一行　149

7.3　使用jQuery设置表格分页　149

7.4　使用jQuery插件生成高级表格　154

7.4.1　使用tablesorter插件对表格行排序　155

7.4.2　修改默认排序顺序　158

7.4.3　使用Visualize插件为表格数据生成迷人的图表　158

7.4.4　生成柱状图　159

第8章　使用jQuery制作高级表单　162

8.1　页面加载完成后使文本框获得焦点　162

8.2　启用或禁用表单元素　163

8.3　突出显示表单当前项　164

8.4　为文本框设置默认文本　166

8.5　限制文本输入框的输入字数　169

8.6　实现复选框的全选功能　170

8.7　获取文本输入框的值　172

8.8　得到select元素的值　173

8.9　简单验证表单中的电子邮件　174

8.10　复制一个文本框的内容到另一个文本框　178

8.11　利用插件增强表单功能　181

8.11.1　为网站整合qTip插件　181

8.11.2　利用qTip使用title属性创建表单元素的基本提示信息　183

8.11.3　使用jQuery Validate插件验证表单　184

8.11.4　为联系人表单添加简单验证　185

8.11.5　在联系人表单中使用高级验证规则并自定义提示信息　188

第四部分　jQuery高级技术

第9章　ajax与动态数据处理　192

9.1　Ajax揭秘　192

9.2　在页面上动态载入内容　194

9.2.1　载入全部内容　194

9.2.2　在内容载入失败时处理错误　195

9.2.3　载入部分内容　198

9.3　使用GET和POST方法提交表单　199

9.4　操作XML数据　204

9.5　解析内部XML数据并生成HTML　207

9.6　操作JSON数据　209

9.7　获取JSON数据并生成HTML　211

9.8　使用Delicious API接收JSONP数据以创建Delicious用户组件　213

9.9　使用JSONP和Yelp API创建一个Yelp最热点评组件　219

9.9.1　申请Yelp API Key　220

9.9.2　使用Yelp API基于电话号码获取点评　222

第10章　创建及使用jQuery插件　228

10.1　jQuery插件　228

10.2　在站点上使用jQuery插件　229

10.3　在站点上包含jQuery UI　230

10.3.1　下载jQuery UI　231

10.3.2　将jQuery UI添加到站点　231

10.3.3　jQuery UI小部件工作原理　232

10.3.4　自定义jQuery UI的外观　232

10.3.5　使用ThemeRoller创建UI主题　234

10.3.6　使用jQuery UI主题　236

10.3.7　将jQuery UI组件整合到站点　236

10.4　整合流行的jQuery插件到站点　244

10.4.1　jQuery Tools　244

10.4.2　Fancybox　247

10.5　编写第一个jQuery插件　249

10.5.1　筹划一个插件　250

10.5.2　插件的结构　250

10.5.3　设定插件选项　251

10.5.4　创建插件　252

10.6　如何发布jQuery插件　258

10.6.1　打包插件以便发布　258

10.6.2　发布插件　259

第11章　jQuery在移动Web开发中的应用　260

11.1　使用jQuery构建移动Web应用　260

11.2　移动浏览器　261

11.2.1　CSS3　262

11.2.2　HTML5　263

11.2.3　移动开发的必要装备　263

11.2.4　面向Apple iPhone Safari移动浏览器的开发　265

11.2.5　面向Google Android的Chrome浏览器的开发　267

11.2.6　在不同智能手机上显示不同内容　268

11.2.7　使用jQuery开发移动站点和应用程序　268

11.3　jQuery Mobile预览版介绍　268

11.4　移动框架　269

11.4.1　Appcelerator Titanium框架　269

11.4.2　jQTouch插件　270

第12章　jQuery资源　272

12.1　jQuery的快速成长　272

12.2　jQuery官方站点　274

12.2.1　jQuery API文档子站　274

12.2.2　jQuer教程　275

12.2.3　jQuery 聚会或讨论会　275

12.2.4　bug追踪系统　277

12.2.5　jQuery论坛　277

12.3　其他Web设计和开发资源　279

在我每日的Web设计与开发工作中，jQuery是必不可少的一部分。Wiley出版社联络到我，希望我写一本关于jQuery的书，这让我既激动又惶恐。jQuery让Web设计有望走进一个无所不能的新世界。我希望能通过这本书，告诉人们如何使用jQuery提高开发效率，以及如何编写人机交互组件，而后者人们普遍认为没有高深的编程知识就不可能做到。

本书既是jQuery入门读物，又是一本jQuery实用指南，书中的例子都是实际Web开发过程中的解决方案，因此读者完全可以将本书作为日常开发工作的手边书。本书内容分为4部分，下面将分别介绍。

第一部分　jQuery与JavaScript简介

本部分主要是向初学者介绍jQuery。这一部分介绍了JavaScript库，以及这些库如何一步步走进Web设计师和开发者的“工具箱”，并逐渐成为其中的重要角色。其中重点阐释了jQuery带来的巨大便利，让你彻底搞清楚jQuery如此流行的原因。本部分还谈及了渐进增强技术的重要性。在弄清楚为什么要使用jQuery之后，我们马上开始学习使用jQuery并将它应用到Web站点。

第二部分　jQuery基础

本部分带你一步步全面了解jQuery的基础知识，比如使用选择器﹑事件及特效等。jQuery的选择器极其强悍，因此我专门拿出整整一章的篇幅详细介绍各种选择器，不但介绍用法，还给出了例子。本部分还介绍了事件和特效，学好它们，你就为创建Web应用和UI组件打好了坚实基础。

第三部分　jQuery应用

第三部分的主题是把前面学到的jQuery知识应用于具体的Web站点或应用程序。（第二部分有零零散散的例子，但没有完整的解决方案，比如如何创建一个折叠菜单或标签式导航等。）本部分还包括使用jQuery改进Web站点表单验证的内容。

第四部分　jQuery高级技术

每位jQuery开发者都希望了解jQuery高级技术，如使用和编写插件、用jQuery处理Ajax请求，或者用jQuery编写移动应用。第四部分深入研究了这些高级主题。此外，我还专门拿出第12章盘点了所有的jQuery线上资源。

读者对象

本书面向那些刚刚开始使用jQuery的Web设计师和前端开发人员。可能你已经知道jQuery插件怎么安装，但还不清楚怎么写，或者在网上常常听人说起jQuery多么了不起，正想学习jQuery以改进自己的站点，那么请阅读本书吧。值得提一下的是，本书的读者最好熟悉HTML﹑CSS知识并了解基本的JavaScript知识。

关于本书

初次出现的术语会印刷成楷体，需要你键入的内容使用粗体。书中全部例子使用Firefox浏览器呈现，也兼容IE 6＋﹑Firefox 2.0＋﹑Safari 3.0＋﹑Opera 9.0＋及Chrome浏览器。