内容简介
通过创建更具交互性的富Web界面增强用户体验
本书阐述如何利用少量的JavaScript基础知识将jQuery框架整合进网站,以创建富Web界面,并建立兼容所有主流浏览器的交互性网站。作者是一位具有丰富经验的Web设计师和开发者,通过一系列指导性步骤清晰讲述了添加交互性以创建卓越Web应用的方法和技巧。
使用jQuery可以节省大量的开发时间,开发者在没有丰富编程经验的情况下也能编写出超乎想象的交互组件。本书包含大量实用技巧、解决方案和案例,可极大地促进Web应用的开发与设计。
书中主要知识点包括jQuery基础知识、Ajax请求、事件与效果、DOM操作(包含构建下拉菜单等任务的教程)、lightbox窗口、表单管理、动态的表格数据、鼠标事件效果、模态对话框、自定义jQuery插件等。
目录
- 第一部分jQuery与JavaScript简介
- 第1章认识jQuery2
- 1.1探索JavaScript库2
- 1.1.1JavaScript库优于传统解决方案之处2
- 1.1.2主流JavaScript库3
- 1.1.3jQuery的高明之处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写JavaScript28
- 第二部分jQuery基础
- 第3章jQuery核心:选择器、过滤器及CSS30
- 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和CSS53
- 3.3.4添加、删除、克隆及替换DOM元素或内容53
- 3.3.5在jQuery中使用CSS58
- 第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.1jQuery特效能做些什么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使用jQueryEasing插件添加缓动效果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使用jQueryValidate插件验证表单184
- 8.11.4为联系人表单添加简单验证185
- 8.11.5在联系人表单中使用高级验证规则并自定义提示信息188
- 第四部分jQuery高级技术
- 第9章Ajax与动态数据处理192
- 9.1Ajax揭秘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数据并生成HTML207
- 9.6操作JSON数据209
- 9.7获取JSON数据并生成HTML211
- 9.8使用DeliciousAPI接收JSONP数据以创建Delicious用户组件213
- 9.9使用JSONP和YelpAPI创建一个Yelp最热点评组件219
- 9.9.1申请YelpAPIKey220
- 9.9.2使用YelpAPI基于电话号码获取点评222
- 第10章创建及使用jQuery插件228
- 10.1jQuery插件228
- 10.2在站点上使用jQuery插件229
- 10.3在站点上包含jQueryUI230
- 10.3.1下载jQueryUI231
- 10.3.2将jQueryUI添加到站点231
- 10.3.3jQueryUI小部件工作原理232
- 10.3.4自定义jQueryUI的外观232
- 10.3.5使用ThemeRoller创建UI主题234
- 10.3.6使用jQueryUI主题236
- 10.3.7将jQueryUI组件整合到站点236
- 10.4整合流行的jQuery插件到站点244
- 10.4.1jQueryTools244
- 10.4.2Fancybox247
- 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.1CSS3262
- 11.2.2HTML5263
- 11.2.3移动开发的必要装备263
- 11.2.4面向AppleiPhoneSafari移动浏览器的开发265
- 11.2.5面向GoogleAndroid的Chrome浏览器的开发267
- 11.2.6在不同智能手机上显示不同内容268
- 11.2.7使用jQuery开发移动站点和应用程序268
- 11.3jQueryMobile预览版介绍268
- 11.4移动框架269
- 11.4.1AppceleratorTitanium框架269
- 11.4.2jQTouch插件270
- 第12章jQuery资源272
- 12.1jQuery的快速成长272
- 12.2jQuery官方站点274
- 12.2.1jQueryAPI文档子站274
- 12.2.2jQuer教程275
- 12.2.3jQuery聚会或讨论会275
- 12.2.4bug追踪系统277
- 12.2.5jQuery论坛277
- 12.3其他Web设计和开发资源279
关注图灵图书很久了,也买了不少好书,如《写给大家看的面向对象编程》、《ASP.NET电子商务开发实战》、《ASP.NET高级程序设计(第四版)》、《算法(第四版)》等等,现在几乎有时间都会上图灵社区溜达溜达。最近因为需要,开始系统学习JavaScript了,所以我又买了图灵出版的《JavaScript高级程序设计》和《精彩绝伦的jQuery》这两部书,《JavaScript高级程序设计》还没看,我就先看了《精彩绝伦的jQuery》(因为ASP.NET MVC开发学习着急着要学,所以....),看了一半有一番很大感慨,这是我所见到最棒的一部专业技术书。
首先,译者真的很负责很认真,虽然我英语不好,更没看过这部书的原著,但我从这部中文版的字里行间就感受到了译者的用功和努力,如译者对原作者的一些观点以脚注的形式提出了自己的看法,让我在学习的过程中知道:“哦, 原来这样做有其缺陷之处!”这是我从很多种专业技术书里所看不到!
其次,这部中文版的书,通俗易懂,平易近人,有些地方又幽默,我读来很轻松。可见,原作者和译者不是那种只为把技术介绍到手,字数筹够,却丝毫不顾读者的阅读理解水平的人。例如:这本书的第47页有一句话“empty过滤器就很给力……”,一下子就拉近了我和这部书的距离……
最后也是最重要的一点就是,原作者介绍案例的方式不一般,他一步一步手把手地教,告诉你这一步做什么,为什么要这么做,让你在仿照写的同时不忘了去理解它们!
总之,这是一部好书,是值得为她写书评的好书!