超实用的jQuery代码段

出版者:电子工业出版社

作者:周敏

页数:376

出版时间:2014-9

价格:59.00元

装帧:平装

isbn号码:9787121239496

丛书系列:代码逆袭

具体描述

《超实用的jQuery代码段》精选近350个jQuery代码段，涵盖页面开发中绝大多数要点、技巧与方法，堪称史上最实用的jQuery代码参考书，可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨设备、跨浏览器，充分向读者演示了如何使用jQuery的各项技术，实现令人激动的网页效果。

《超实用的jQuery代码段》从jQuery框架的使用原理与应用场景出发，对最实用的jQuery代码段进行了全方位的介绍和演示。《超实用的jQuery代码段》分为11章，包含网页效果、DOM元素与属性、HTML事件、CSS样式、用户输入自动完成、拖放、图形图像、AJAX、算法、jQuery Mobile应用、浏览器、Cookies等jQuery技术内容，对提高网站开发人员和设计人员的jQuery技术水平有指导作用。

《超实用的jQuery代码段》内容简洁明了、代码精练、重点突出、实例丰富、原理清晰明白、语言通俗易懂，是广大网页设计者的良好选择，同时也非常适合大中专院校学生学习阅读。

目录信息

序1 jQuery必知必会 VIII
序2 你绝对不可能全部做对的jQuery题 XIII
序3 最流行的前端面试题 XX
第1章 jQuery操作网页 1
1.1 显示或隐藏网页内容 1
1.2 切换页面的显示或隐藏 3
1.3 实现幻灯片式的淡入淡出效果 4
1.4 切换页面的淡入淡出 5
1.5 页面的滑动隐藏 6
1.6 切换页面的滑动 7
1.7 图片的动画效果 8
1.8 停止动画效果 11
1.9 不可不知的Callback回调 12
1.10 提高效率的链式（Chaining）操作 13
1.11 在新窗口中打开链接 15
1.12 强制在弹出窗口中打开链接 16
1.13 平滑滚动页面到某个锚点 18
1.14 阻止文本行换行 20
1.15 实现iframe高度自适应 21
1.16 实现左右div自适应相同高度 22
1.17 获取鼠标在屏幕中的坐标 24
1.18 获取鼠标在窗口客户区中的坐标 25
1.19 获取鼠标在窗口页面中的坐标 26
1.20 设置Flash对象的WMode窗口模式 27
1.21 实现类Twitter的字数限制效果 28
1.22 提示文本的隐藏与显示 29
1.23 实现文字闪烁效果 31
1.24 实现文字动画效果 33
1.25 实现文字跟随鼠标移动变化的动画效果 35
1.26 文本域中光标的定位 36
1.27 实现可折叠效果 38
1.28 文本框内容自动缩进 39
1.29 禁止页面滚动的方法 40
1.30 页面加载后消息框居中显示 43
1.31 创建页面固定浮动栏的方法 45
第2章 jQuery操作DOM元素 47
2.1 如何验证某个元素是否为空 47
2.2 检查特定的HTML元素是否存在 48
2.3 判断HTML元素是否嵌套 49
2.4 获取当前元素的索引值 50
2.5 插入节点元素 52
2.6 复制节点元素 54
2.7 替换节点元素 55
2.8 删除节点元素 57
2.9 为元素绑定事件 58
2.10 如何从元素中除去HTML标签 59
2.11 如何限制文本域中字符的个数 61
2.12 如何选中页面上的所有复选框 63
2.13 禁用表单的回车键提交 65
2.14 禁用右键单击上下文菜单 67
2.15 IE下禁用文本选择功能 68
2.16 输入框获取焦点时文本高亮提示 69
2.17 实现多个输入框同步操作 70
2.18 在新窗口中打开外部链接 71
2.19 jQuery实现outerHTML属性 72
2.20 实现带固定表头的表格 73
2.21 为表单内控件设定缺省数值和文本 75
2.22 防止单个页面重复提交按钮 76
2.23 取得列表控件选中的option对象 77
2.24 限制输入框仅接受特殊字符的输入 78
2.25 禁止页面内全部超链接 80
2.26 实现动态组合列表框 81
2.27 如何使用属性过滤器 83
2.28 如何测试某个元素是否可见 86
第3章 jQuery操作HTML事件 88
3.1 禁止或启用输入框 88
3.2 实时监听输入框字符的变化 89
3.3 实时监听输入框值的变化 90
3.4 绑定鼠标右键单击事件 91
3.5 双击不选中文本 93
3.6 通过单击事件添加或解除绑定 94
3.7 激活整个div层的单击事件 95
3.8 鼠标单击实现div的选取 95
3.9 模拟鼠标单击事件 96
3.10 设定时间间隔的方法 98
3.11 设定时间延迟的方法 99
3.12 延时显示子菜单的方法 100
3.13 通过事件获取页面加载时间 101
3.14 如何为动态添加的元素绑定事件处理函数 102
3.15 为表格行增加单击事件 103
3.16 用回车键模拟Tab键 104
第4章 jQuery操作CSS样式 106
4.1 使用addClass()函数动态添加样式类 106
4.2 使用removeClass()函数动态移除样式类 107
4.3 使用toggleClass()函数切换页面元素的样式类 108
4.4 为body增加class类支持 109
4.5 操作div的显示与隐藏 111
4.6 如何设定div始终居中显示 112
4.7 测试浏览器是否支持某些CSS 3属性 114
4.8 如何添加hover类到指定元素 114
4.9 基于URL地址为导航链接添加class样式 116
4.10 如何延迟添加class类 117
4.11 如何延迟清除class类 118
4.12 动态调整页面的字体大小 119
第5章 jQuery实现用户输入自动完成功能 121
5.1 最简单的用户输入自动完成 121
5.2 使用远程数据源的自动完成 123
5.3 带缓存的自动完成 124
5.4 带滚动条的自动完成 126
5.5 Combobox风格的自动完成 127
5.6 读取XML数据的自动完成 129
5.7 多维数据的自动完成 130
第6章 jQuery实现拖放功能 133
6.1 基本拖放功能 133
6.2 基于事件的拖放 134
6.3 限制移动范围的拖放 135
6.4 延迟进行的拖放 136
6.5 具有对齐功能的拖放 136
6.6 自动滚动的拖放 137
6.7 反转位置的拖放 138
6.8 使用事件监控拖曳次数 138
6.9 拖动时动态更改鼠标的光标类型和位置 139
6.10 拖曳并放置到目标容器 140
6.11 限制可放置的元素 141
6.12 实现可拖放的购物车 142
6.13 可排序的拖放 143
6.14 在多个列表之间进行拖放 144
6.15 使用拖动方式选择多个元素 145
6.16 在两个Tab标签之间进行元素拖动 146
6.17 拖动表格选择多行数据 148
6.18 拖动表格时自动选中复选框 149
6.19 拖动表格行并放置到目标位置 150
6.20 表格的拖动排序 152
6.21 拖动调整控件的大小 153
6.22 调整控件大小时设置调整约束 154
6.23 使用拖动的方式调整表格的宽度 154
6.24 设计可改变单元格宽度并可以多选的表格 155
第7章 jQuery操作图形图像 158
7.1 如何更好地处理图片无法显示问题 158
7.2 如何显示图片直到页面加载完成 160
7.3 预加载显示图片的方法 162
7.4 Facebook风格的图片预加载 163
7.5 检查图片src是否有效 164
7.6 上下滑动的图片 166
7.7 淡入淡出一幅图片，进入另一幅图片 170
7.8 获取图片原生尺寸的方法 171
7.9 检查图像是否已经被完全加载 172
7.10 单击改变背景图案 173
7.11 如何显示Flickr网站的图片 175
7.12 如何显示Google Picasaweb的图片 177
7.13 按比例调整图片的大小 179
7.14 滑动效果的背景图片 181
7.15 动态表单生成图片预览 182
7.16 平滑滚动的导航菜单 184
7.17 图片的放大预览 185
7.18 实现平滑的图片动态缩放效果 187
7.19 自动适应的窗口背景 188
7.20 如何判断加载多张图片的完成状态 189
7.21 鼠标悬停时的图片放大 190
7.22 淡出图片，淡入另一幅图片 192
7.23 页面加载时随机显示图片 193
7.24 按顺序淡入图片显示 195
7.25 检测图片的URL是否有效 196
7.26 强制显示图片的方法 198
7.27 实现可拖动显示的图片 199
第8章　jQuery实现AJAX 201
8.1　动态加载外部文件 201
8.2　动态加载外部网页 202
8.3　加载网页文件内容并传递服务器端参数 203
8.4　使用AJAX无刷新删除网页记录 205
8.5　使用AJAX异步验证用户名和密码 207
8.6　页面滚动时加载新的网页内容 209
8.7　打造自己的站内搜索引擎 211
8.8　异步加载并解析XML文件 213
8.9　动态加载HTML内容到标签页中 215
8.10　使用AJAX无刷新异步提交表单 216
8.11　使用AJAX无刷新上传图片 219
8.12　使用AJAX无刷新验证PHP会话是否有效 222
8.13　在AJAX异步调用时显示加载指示器 223
8.14　在AJAX异步调用时处理JSON数据 226
8.15　解析XML数据并加载到HTML表格 228
8.16　jQuery AJAX错误的处理方法 230
8.17　在页面级创建全局的AJAX监听器以及状态指示器 231
8.18　级联AJAX数据异步加载 231
8.19　取消AJAX异步请求 233
第9章　jQuery常用算法 234
9.1　jQuery遍历算法 234
9.2　jQuery祖先算法 235
9.3　jQuery后代算法 237
9.4　jQuery同胞算法 238
9.5　jQuery过滤算法 240
9.6　对一个列表进行排序 241
9.7　实现JSON对象数组的排序 242
9.8　将12343778转成12.343.778的形式 244
9.9　模拟抽奖程序 244
9.10　实现冒泡算法 246
9.11　查询数组中特定数值 248
9.12　从数组中移除特定数值 249
9.13　根据指定正则表达式识别超链接 249
9.14　验证Email地址的正确性 250
9.15　动态统计字符个数 251
9.16　使用jQuery验证用户年龄 253
9.17　按照首字母进行元素排序 254
9.18　获取URL地址的Hash参数 255
9.19　避免多行文本溢出的算法 256
9.20　随机选择一个元素 257
9.21　替换&bnsp;空字符的方法 258
9.22　序列化表单到JSON数据 259
9.23　获取页面加载时间 260
9.24　将单个句子打断显示 262
9.25　限制只能输入中文、英文或数字 263
9.26　日期类型与时间戳的转换 264
9.27　使用数组模拟打字效果 265
9.28　获取数组中特定索引的最高值 266
9.29　清除所有的表单内容 267
9.30　用jQuery删除空白标签和具有非中断空格的标签 268
第10章　jQuery Mobile移动开发技巧 270
10.1　让页面自适应屏幕宽度 270
10.2　在移动设备页面中创建多个显示视图 271
10.3　创建对话框显示效果 273
10.4　从外部文件中加载页面内容 275
10.5　为页面添加转场效果 276
10.6　设置全局默认的转场效果 278
10.7　定制显示回退按钮 280
10.8　在标题栏中添加导航栏 280
10.9　在页脚区域添加导航栏 281
10.10　添加可折叠的导航按钮 282
10.11　实现可折叠的输入表单 284
10.12　实现手风琴样式的折叠面板 285
10.13　使用网格打造简单的九宫格界面 287
10.14　可动态隐藏的页眉和页脚 289
10.15　最简单的手机相册 289
10.16　在列表框上添加气泡提示 291
10.17　在列表框上添加自定义按钮 292
10.18　为列表添加自定义的缩略图图标 294
10.19　创建列表日历的效果 296
10.20　动态创建listview列表项 298
10.21　动态加载和切换页面 299
10.22　在页面切换时显示加载进度框 300
10.23　在屏幕旋转时更改显示样式 302
10.24　在列表框中实现加载更多效果 303
10.25　自定义选择菜单 304
10.26　使用多个选择菜单进行组合选择 306
10.27　使用多选菜单选择多个值 308
10.28　创建双重范围的滑块 310
10.29　实现开关效果的选择功能 312
10.30　创建主题化的表单效果 313
第11章　其他常用代码段 315
11.1　判断jQuery库是否被加载 315
11.2　解决jQuery库冲突的方法 316
11.3　jQuery版本检查方法 317
11.4　解决jQuery版本冲突问题 317
11.5　如何设置IE特有的功能 318
11.6　判断浏览器类型并设置HTML元素内容 319
11.7　加载Google CDN的jQuery库 320
11.8　Cookies应用方法 321
11.9　使用cookie.js管理Cookies 323
11.10　让Cookies在N分钟后过期 324
11.11　如何删除Cookies 324
11.12　获取当前页面的URL并添加样式 325
11.13　向表格追加一行数据 326
11.14　获取客户端IP 327
11.15　向Firebug的控制面板发送消息 328
11.16　根据不同的屏幕大小显示不同的网页 329
11.17　jQuery遍历对象的属性 330
11.18　最优化的循环语句写法 331
11.19　如何构建最优化的字符串 332
11.20　使用jQuery产生GUID值 333
11.21　使用jQuery实现聚合函数 333
11.22　用jQuery打印网页的特定区域 334
11.23　禁止表单被提交 335
11.24　使用delay()延迟执行动画 336
11.25　在网页上运行本地程序的方法 337
11.26　动态过滤HTML表格中的内容 338
11.27　使用递归函数创建文字闪烁特效 340
11.28　使用ID选择器加快选择的速度 341
11.29　在类选择器前用标签选择器加快速度 341
11.30　缓存jQuery对象以提升性能 342
11.31　使用find()函数提升子查询的性能 343
11.32　使用jQuery操作DOM的限制 344
· · · · · · (收起)

读后感

这个挺好的，这个方向挺好，目前还没有这类的书。 这是一本讲究代码实践的书，近350段代码带来的不仅仅是网页开发速度的提升，还有如何创建高性能网页、如何处理jQuery特效、如何应对跨浏览器兼容、如何进行前端代码优化等困扰Web开发人员的问题解决方案。  

JSON、XML、序列化、AJAX、闭包、Callback、链式操作、插件这些点的确都挺难理解的，这本书离把这些点都设计成实用的功能和代码，让我们一看就明白了。果真是市场上绝无仅有的jQuery代码书，超级实用、有价值、高效的jQuery代码书！  

这个挺好的，这个方向挺好，目前还没有这类的书。 这是一本讲究代码实践的书，近350段代码带来的不仅仅是网页开发速度的提升，还有如何创建高性能网页、如何处理jQuery特效、如何应对跨浏览器兼容、如何进行前端代码优化等困扰Web开发人员的问题解决方案。  

这本书真的太好了，真的太好了，真的太好了。 市场上一直没有联系jquery代码的书，都是去学语法，学函数，学会了出来什么也不会！！我觉得这本书真的太好了，对小白或刚毕业的人来说，最最合适最最有效了。

这个挺好的，这个方向挺好，目前还没有这类的书。 这是一本讲究代码实践的书，近350段代码带来的不仅仅是网页开发速度的提升，还有如何创建高性能网页、如何处理jQuery特效、如何应对跨浏览器兼容、如何进行前端代码优化等困扰Web开发人员的问题解决方案。  

用户评价

这本书最大的价值，在于它提供了一种“现代化”的 jQuery 编程思维。过去我们用 jQuery 写代码，常常会写出大量冗余的、耦合性很强的全局函数。这本书则倡导使用模块化和组件化的思想来组织 jQuery 代码。它通过好几个案例展示了如何构建可复用的、低依赖的组件模块。举个例子，书中对于弹窗（Modal）组件的封装，就非常值得称道。它不仅考虑了 Z-index 的管理、事件的正确绑定与销毁，还巧妙地利用了自定义事件来处理组件间的通信，使得不同的业务逻辑模块可以通过监听或触发特定事件来进行协作，极大地降低了代码间的耦合度。我曾经在一个复杂的表单验证模块中挣扎了很久，因为各个验证逻辑之间相互依赖，改动一个地方常常会牵连到其他地方。翻阅到这本书中关于“表单状态管理”的代码段后，我立刻找到了灵感——利用 jQuery 的链式调用特性，将复杂的验证流程分解成一系列可验证的步骤，每一步的结果都作为下一个步骤的输入，结构清晰了许多。这本书的结构安排非常精妙，它不是按功能模块划分，而是按“解决什么样的问题”来组织的，这使得你在遇到特定难题时，能非常精准地定位到你需要的解决方案，翻阅效率极高。

这本书的排版和示例代码的质量也值得一提。很多技术书籍的示例代码都非常冗长，需要读者自己去修剪和适配。但《超实用的jQuery代码段》的每一个代码片段都经过了高度的提炼和打磨，它们像是浓缩的精华，可以直接复制粘贴到生产环境（当然，附带了必要的上下文说明）。我最喜欢它在“调试与错误处理”部分给出的建议。它不是教你如何使用 `console.log`，而是提供了一套完整的、基于 jQuery 事件系统的自定义错误捕获和上报机制。这套机制非常适合在老旧项目中快速部署，用于追踪那些难以复现的运行时错误。此外，书中对命名空间的合理使用也体现了作者深厚的工程素养。在多个第三方脚本混杂的环境中，命名冲突是家常便饭，这本书提供了几种不同的策略来封装 jQuery 库的使用，确保代码的隔离性。这套方法论的清晰和实用性，使得即便是团队中经验较浅的成员，也能快速理解并应用复杂的代码结构，保证了整个项目的代码风格和质量的统一性。总而言之，这本书证明了，即便是看似过时的技术栈，通过更高阶的编程思想和精炼的代码实现，依然能够焕发出强大的生命力和生产力。

这本书，说实话，拿到手的时候我心里是有点打鼓的。毕竟现在前端框架层出不穷，jQuery 这种“老将”似乎有点退居二线的意思。但我工作的项目中，依然存在大量基于 jQuery 的遗留代码，维护起来真是让人头疼。我原本期望这本书能提供一些针对老旧项目快速修补和优化的实战技巧，而不是那种学院派的理论灌输。惊喜的是，这本书的侧重点非常明确，它没有花大量篇幅去回顾那些基础到不能再基础的 DOM 操作，而是直接切入了那些在实际工作中经常遇到的“坑”和“疑难杂症”。比如，关于事件委托在高并发场景下的性能瓶颈处理，它给出的解决方案非常精妙，不是那种教科书上那种简单粗暴的 `on()` 绑定，而是结合了自定义数据属性和更高效的事件冒泡拦截机制。还有 Ajax 请求的取消与重试逻辑，书中给出了一个封装得非常优雅的工具函数，用 Promise 链式调用完美解决了回调地狱问题，并且在不同浏览器版本下的兼容性测试结果也一并提供了。这对于我们这种需要兼顾老旧 IE 兼容性的团队来说，简直是雪中送炭。我特别喜欢其中关于性能优化的章节，它没有停留在笼统地谈论减少 DOM 操作，而是给出了具体的代码示例，如何利用浏览器缓存机制来减少不必要的渲染循环，特别是针对图片懒加载和滚动事件节流的实现，简洁到让人拍案叫绝。这本书的实战性，远超出了我对一本“工具书”的预期，更像是一位经验丰富的前辈在手把手教你如何用最少的代码解决最棘手的问题。

对于那些自诩已经精通 jQuery 的老一辈开发者来说，这本书或许会带来一些挑战性的认知冲击。我身边不少同事都觉得 jQuery 这种技术已经到了瓶颈期，能玩出的花样不多。然而，这本书展示了许多我从未想过可以这样使用的技巧。其中关于数据绑定和视图同步的部分，我印象尤其深刻。它展示了如何利用 jQuery 配合一些巧妙的 DOM 操作，模拟出近乎 MVVM 框架的数据双向绑定效果，而不需要引入任何大型框架库，这在对包体积有极高要求的轻量级应用中，简直是神器。它没有停留在 jQuery 自身的功能范围，而是巧妙地引入了 ES6 中一些概念，比如迭代器和生成器，来优化循环操作，这使得代码在保持 jQuery 语法的基础上，拥有了现代 JavaScript 的性能优势和可读性。我特别欣赏书中对于“动画序列控制”的讲解，它不仅仅是关于时间轴的控制，更涉及到用户感知的优化。它通过计算元素在屏幕上的实际可见区域，动态调整动画的执行频率，确保动画在高帧率下流畅运行，同时避免了在后台标签页中不必要的资源浪费。这种对用户体验的极致追求，让这本书从一本“代码集”升华为一本“工程实践指导书”。

我是一名刚入行不久的前端工程师，导师给我的任务是主导一个现有系统的性能优化工作，而这个系统的基石就是 jQuery。说实话，我过去接触 Web 开发更多的是 React 和 Vue，对 jQuery 的理解基本停留在“选择器很方便，动画效果不错”的层面。这本书的出现，完全改变了我对 jQuery 的认知。它不是那种让你重拾基础语法的入门读物，它更像是面向中高级开发者的一份“效率手册”。书中对各种常见操作的“最佳实践”进行了深入剖析，比如如何高效地操作大型数据集进行表格渲染，避免浏览器假死。我记得其中有一章专门讲了自定义动画的实现，它不是简单地使用 `animate()` 函数，而是深入到了 CSS3 动画与 jQuery 结合的最佳时机，详细解释了何时使用硬件加速，何时应退回使用 JS 动画的阈值判断。这种对底层机制的理解，使得我们能够在不引入大型框架的前提下，将页面的渲染性能提升了一个档次。另外，书中对浏览器兼容性的处理，特别是针对一些非常老的浏览器版本中 jQuery 行为差异的规避方法，提供了清晰的补丁代码和说明。这对我这种需要面对“历史包袱”的工程师来说，提供了极大的信心和直接可用的武器。这本书的行文风格非常直接，没有太多寒暄，就是纯粹的干货堆砌，非常适合快速查阅和应用。

内容挺多，挺开阔眼界，给初学者看的，又练手又学会一种多角度看功能的方法。

这本书不值59块钱！一、配套的demo排放很乱，而且明显不是同一个人的代码风格，感觉是网上找了凑起来的。二、书中印刷有很多小错误。三、我买书是想看一个效果用jquery如何去实现的，而不是看你来引用插件然后后面加上一句：如有兴趣请访问插件官网查看源码。整本书里应该有三分之一以上是引用了插件的。jquery插件多是好事，可是这本书的作者你未免太偷懒？

2016.42 太罗嗦，代码拼起来的书

这本书不值59块钱！一、配套的demo排放很乱，而且明显不是同一个人的代码风格，感觉是网上找了凑起来的。二、书中印刷有很多小错误。三、我买书是想看一个效果用jquery如何去实现的，而不是看你来引用插件然后后面加上一句：如有兴趣请访问插件官网查看源码。整本书里应该有三分之一以上是引用了插件的。jquery插件多是好事，可是这本书的作者你未免太偷懒？

这本书不值59块钱！一、配套的demo排放很乱，而且明显不是同一个人的代码风格，感觉是网上找了凑起来的。二、书中印刷有很多小错误。三、我买书是想看一个效果用jquery如何去实现的，而不是看你来引用插件然后后面加上一句：如有兴趣请访问插件官网查看源码。整本书里应该有三分之一以上是引用了插件的。jquery插件多是好事，可是这本书的作者你未免太偷懒？