第一部分jQuery与JavaScript简介 2
第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基础 30
第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应用 116
第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高级技术 192
第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自定义j Query 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