内容简介
本书以问题描述+解决方案的模式介绍jQuery技术,列举了四百余个实用性极强的Web前端开发技术,旨在帮助广大读者快速解决实际开发过程中面临的诸多问题,提高项目开发效率、拓展技术应用领域。本书内容按照Web前端常用的界面元素进行划分,如块、单选按钮、复选框、下拉框、文本框、选项卡、表格、菜单、图片、动画特效、超链接、窗口及消息框等; 以简单明了的jQuery代码创建了现代商务网站中高频出现的特效,如折叠面板、悬浮窗口、侧滑窗口、转盘抽奖、轮播广告、对联广告、地图热点、在线影院订票、瀑布流显示图片、购物车以及插件扩展应用等。同时本书也在数据管理部分中列举了大量的使用jQuery操作JSON、XML格式的数据和jQuery的多种遍历迭代函数,以及正则表达式和Ajax的相关技术。
为了突出实用性和简洁性,本书在演示或描述这些实例时,力求针对性地解决问题,并且所有实例均配有插图。本书适于作为Web前端开发人员的案头参考书,无论是初学者,还是编程高手,本书都极具参考和收藏价值。
目录
第1章 基础实例
001以淡入淡出的效果显示或隐藏元素
002以卷帘效果展开或收缩被选择的元素
003根据可见状态确定是否显示或隐藏元素
004根据状态确定是否滑入或滑出被选元素
005自动确定是否淡入淡出地显示或隐藏元素
006在指定的时间内完成元素的显示或隐藏
007查找并显示在页面中被隐藏的元素
008以动画效果改变块内多个元素的不同属性
009使用分组选择器操作不同元素的相同属性
010判断指定的元素是否嵌套在父元素里面
011获取指定元素在同类元素中的索引位置
012将指定的事件和方法绑定到指定的元素
013将多个事件和方法同时绑定到指定元素
014为元素同时绑定多个事件及其响应方法
015为同类元素添加相同的事件响应方法
016为匹配元素的事件绑定一次性响应方法
017为动态生成的元素绑定其事件响应方法
018处理在容器中的指定元素事件是否冒泡
019为document绑定或解绑相关鼠标事件
020创建删除动态生成的元素及自身的按钮
021设置元素属性创建只能单击一次的按钮
022在指定元素的后面补充相同类型的内容
023在被选元素的开始位置插入指定的内容
024在被选元素的前边插入新的HTML标记
025在被选元素的末尾添加新的HTML标记
026清除元素的HTML标记同时保留元素内容
027判断某个指定ID的HTML标记是否存在
028获取outerHTML整个节点的HTML内容
029修改无序列表ul的首项末项及其指定项
030根据指定条件删除无序列表ul的节点
031在相同结构的无序列表ul之间移动节点
032获取在无序列表ul中任意位置的li元素
033获取无序列表ul指定位置的节点内容
034获取和设置在无序列表ul中的节点样式
035根据父元素筛选并设置无序列表ul的节点
036在树结构中查找离当前节点最近的父节点
037判断鼠标是否单击了无序列表ul的节点
038获取在无序列表ul中的li元素的个数
039在无序列表ul中筛选有子级的li元素
040筛选无序列表ul的奇数或偶数行的li元素
041筛选无序列表ul的某行之前或之后的li元素
042在无序列表ul中实现根据内容筛选li元素
043在无序列表ul中倒序查找符合条件的li元素
044选择无序列表ul某个li元素之前(后)的元素
045选择无序列表ul指定范围内的多个li元素
046根据输入字符智能匹配符合要求的li元素
047在无序列表ul中每隔3行设置li元素的背景色
048为指定的元素添加或移除指定的CSS样式
049在两种不同风格的CSS样式之间自动切换
第2章 块实例
050使用文档操作方法动态插入一个DIV块
051为动态新增DIV块添加click事件响应方法
052使用新DIV块替换旧DIV块内的多个元素
053在一个DIV块之前插入另一个DIV块
054动态隐藏DIV块并带有动画缓冲效果
055动态显示或隐藏在DIV块中包含的内容
056在DIV块中以Ajax方式加载HTML文件
057获取用户在DIV块中的鼠标单击坐标值
058检测用户在DIV块上执行的鼠标单击操作
059拖动分隔条改变左右两个DIV块的范围
060拖动分隔条改变上下两个DIV块的范围
061实现左右两个不同DIV块高度自动匹配
第3章 单选按钮实例
062根据值设置单选按钮radio的默认选项
063判断单选按钮radio的某选项是否被选中
064获取用户在单选按钮radio组中的选择结果
065获取两组或多组单选按钮radio的选择结果
066通过图片自定义单选按钮radio的圆点符号
067通过图片实现单选按钮radio的勾选特效
第4章 复选框实例
068设置指定复选框checkbox的选中状态
069判断指定复选框checkbox的选中状态
070获取已选择的所有复选框checkbox
071获取未选择的所有复选框checkbox
072反选已选复选框checkbox之外的选项
073全选或全不选所有的复选框checkbox
074限制只能选有限个数的复选框checkbox
075选择复选框checkbox的偶数项或奇数项
076取消或选中复选框checkbox的相邻选项
077同步全选或多选复选框checkbox的状态
078使用图片自定义复选框checkbox的勾选
第5章 下拉框实例
079根据值设置select下拉框的默认选项
080根据索引设置select下拉框的默认选项
081根据文本设置select下拉框的默认选项
082获取select下拉框的已选中选项值
083获取select下拉框的已选中选项索引
084获取select下拉框的已选中选项文本
085获取select下拉框的选项最大索引
086获取select下拉框的选项个数
087在select下拉框中增加和删除选项
088在select下拉框中插入新的选项
089在select下拉框中追加和清空选项
090取消选择select下拉框的任何选项
091禁止选择select下拉框的某个选项
092在select下拉框中滚动显示选项
093自定义select下拉框的选项单击事件
094在select下拉框中选择多个选项
095逐行下移或上移select下拉框的选项
096在两个select下拉框之间互相移动选项
097对select下拉框的选项进行分级分组
098页面控件跟随select下拉框的值而改变
099单击select下拉框选项则跳转到目标页
100实现级联select下拉框选项的联动响应
101实现父子select下拉框选项的联动响应
102使用触发器触动两级select下拉框联动
103实现三级select下拉框的顺次联动响应
104使用无序列表模仿select下拉框的功能
105使用无序列表和文本框模仿select下拉框
106创建允许用户输入数据的select下拉框
107通过新窗口为select下拉框增加新选项
108直接使用数组为select下拉框添加选项
109使用二维数组为select下拉框添加选项
110从JSON文件中加载select下拉框选项
第6章 文本框实例
111获取和设置用户在文本框输入的内容
112限制用户必须在文本框中输入数字
113在文本框中只能输入浮点数或自然数
114限制在文本框中只能输入数字字母
115禁止在文本框中输入特殊字符或空格
116限制在文本框中能够输入的最多字符
117统计在文本框中可输入的剩余字符数
118自动闪烁用户在文本框中的输入内容
119在文本框获得焦点时高亮显示其内容
120在验证时实现抖动不符合要求的文本框
121监控文本框在一段时间是否有输入内容
122在超过文本框限制字符数时禁用提交按钮
123在文本框中实现放大缩小以及上下滚动
124在文本框右边悬浮一个内容输入提示框
125在文本框中输入邮箱时显示输入列表
126在空文本框失去焦点时恢复默认值
127在空文本框失去焦点时填补默认值
128在文本框为空白状态时显示提示信息
129在文本框的内部设置缺省提示信息
130比较简略地在文本框中设置提示信息
131在textarea文本域的光标处插入文本
132获取多个文本框的ID标识和输入内容
133在多个文本框间通过回车键切换焦点
134将文本框的输入内容转换成二维码
第7章 选项卡实例
135创建可淡入淡出切换内容的选项卡
136创建以卷帘下拉式滑动的选项卡
137仅使用DIV块创建纵向风格的选项卡
138使用无序列表和DIV块创建水平选项卡
139创建嵌套型导航菜单风格的选项卡
140创建与滑动菜单风格类似的选项卡
141创建类似MSN中文网的滑动选项卡
142创建自动轮播显示的垂直选项卡
143创建自动轮播显示的水平选项卡
144创建自动轮播显示的滑动选项卡
145创建按照流程顺序执行的选项卡
146创建城市名按拼音索引的选项卡
147创建类似于单选按钮风格的选项卡
148创建类似于图文结合按钮的选项卡
第8章 表格实例
149获取和设置表格table的单元格文本内容
150获取和设置表格table的单元格HTML内容
151获取在表格table中鼠标单击的单元格内容
152获取表格table指定列的所有单元格内容
153获取表格table指定列和行的单元格内容
154设置表格table首行和首列的背景颜色
155以隔行错色的效果显示表格table的数据
156在表格table中实现鼠标单行选择效果
157当鼠标在表格table上移动时选择整行
158高亮显示表格table的鼠标所在当前行
159高亮显示表格table的鼠标所在移动行
160使用多色不断闪烁表格table的边框线
161以嵌套方式动态生成多行多列表格table
162隐藏在表格table中的指定行和指定列
163根据条件隐藏或显示表格table的部分行
164在表格table中实现逐行上移或逐行下移
165将指定行的内容移到表格table的顶部
166在表格table中动态插入行或删除行
167在表格table中动态增加列和删除列
168在表格table的每行设置增加和删除按钮
169在表格table中使用克隆的对象新增数据
170清空表格table除标题栏外的所有内容
171把表格table的所有数字转换成百分数
172使用新建元素替换表格table的被选元素
173互换在表格table中的输入框和文本标签
174在表格table中合并相同内容的单元格
175允许编辑在表格table中的任意单元格
176在表格table的末尾实现自动增加空白行
177筛选在表格table中符合指定条件的内容
178筛选JSON数据源并显示在表格table中
179筛选XML文件内容并显示在表格table中
180单击列头排列在表格table中的该列数据
181以分组形式展开和折叠表格table的内容
182在悬浮框中放大显示在表格table中的图片
第9章 菜单实例
183一行代码实现的无限折叠或展开菜单
184创建自动折叠和展开的垂直导航菜单
185以链式方式创建的折叠垂直导航菜单
186以手风琴方式展开折叠的垂直导航菜单
187创建可收缩展开的多级垂直导航菜单
188创建卷帘式展开折叠的垂直导航菜单
189创建以卷帘风格缩放的垂直导航菜单
190创建图片和文字结合的垂直导航菜单
191创建子菜单横向滑出的垂直导航菜单
192创建子菜单图文结合的垂直导航菜单
193创建带指示符号的三级垂直导航菜单
194创建类似于bar滑动的水平导航菜单
195创建鼠标悬停背景翻转的水平导航菜单
196创建水平滑动的异形背景的导航菜单
197创建水平方向滑动的二级横向导航菜单
198实现背景色线性渐变的水平导航菜单
199高仿电商平台的折叠展开的水平导航菜单
200在hover事件中实现的水平下拉式菜单
201在hover事件中控制的水平下拉式菜单
202在mouseover事件中控制的下拉式菜单
203创建高亮显示的二级横向导航菜单
204创建横向和纵向都有动画的下拉菜单
205创建有或无次级菜单结合的导航菜单
206创建类似于下拉窗帘的动态滑动菜单
207创建以翻滚方式切换的中英文菜单
208创建动感丰富的滑出图片的导航菜单
209创建动感丰富的滑出文字的导航菜单
210实现类似于select下拉框的下拉式菜单
211创建小图和大图联动的图片导航菜单
212创建主菜单在圆心且子菜单在圆周的菜单
213高仿京东首页的横向展开的二级菜单
214高仿苹果底部任务栏图形大小渐变菜单
215在图片上创建自定义的右键上下文菜单
216创建不随滚动条改变的悬浮导航菜单
217单击悬浮菜单滚动到指定的元素位置
218实现导航菜单的当前项跟随鼠标飘移
219在鼠标单击最右边时浮动菜单自动左移
220为侧边导航菜单创建气泡式的提示窗口
221禁止在右键单击页面时弹出的默认菜单
222实现从JSON中将数据加载到二级菜单
第10章 图片实例
223在鼠标放在图片上时上下震动图片
224在鼠标放在图片上时左右摆动图片
225使用图片模拟QQ聊天窗口的抖动特效
226在使用鼠标单击图片时左右晃动图片
227在鼠标指向图片时浮出半透明的窗口
228在鼠标悬停图片时浮出半透明的窗口
229在鼠标悬停图片时滑出半透明的窗口
230在鼠标放在图片上时滑出隐藏的窗口
231在鼠标放在图片上时滑出上下遮罩层
232为图片添加从下向上滑出的遮罩层
233在鼠标放在标题上时滑出对应的图片
234当鼠标放在小图上时即显示对应的大图
235高亮显示鼠标选择的图片并使周围变暗
236放大或缩小选择的图片并重置关联样式
237通过滑动鼠标的滚轮来放大或缩小图片
238在图片收缩和扩展时相关文字动态跟随
239局部放大用户在小图片中选择的部分
240创建从右上角向左下角拉出图片的效果
241从左至右展开图片和从右至左折叠图片
242以动画方式折叠图片并改变透明度
243确保悬浮图片一直在用户的可视范围内
244控制悬浮的广告图片是否隐藏或显示
245拖动range控制图片按照一定角度倾斜
246使用鼠标把图片拖曳到页面的任意位置
247在可任意拖曳的图片上添加关闭功能
248在图片周围添加类似走马灯的虚线框
249以瀑布流方式显示已加载的多张图片
250在滚动页面时以瀑布流方式加载图片
251使用鼠标单击小图片则弹出对应大图片
252使用鼠标单击缩略图则播放对应视频
253左右滑动鼠标来切换显示两张图片
254以单张方式滚动显示在图库中的图片
255以成组方式滚动显示在图库中的图片
256以连续滚动方式显示在图库中的图片
257以无缝连续滚动方式显示图库中的图片
258以上一张下一张的方式显示多张图片
259成组的多张图片以手风琴方式滑动切换
260实现大图和小图的自动轮播或指定显示
261从上到下循环显示在无序列表ul中的图片
262高亮滚动切换图片和文字混合的模块
263轻量级无插件的广告图片轮播切换
264轻量级无插件的广告图片轮播显示
265轻量级无插件的广告图片切换显示
266轻量级无插件的图片定时轮播显示
267大图片和缩略图片同时实现自动轮播
268通过有序和无序列表控制图片轮播
269悬浮前后导航按钮的广告图片轮播
270同时实现自动轮播和纵向导航的图片显示
271分组批量显示包含图片和文字的组合体
272实现选中的商品图片以抛物线飞入购物车
273创建适合书架阶梯展示的图片缩放特效
274在随机排列图片时显示图片的移动轨迹
275在执行操作图片前确保图片加载完成
276根据图片地址获取图片的高度和宽度
277在单击图片时自动切换到下一张图片
278检测键盘按键输入来更换显示的图片
279强制图片等元素位于页面的中心位置
280在每隔一段时间后改变网页背景图片
281以不同方式设置页面的背景图片样式
282通过插件实现小图和大图联动的画廊
第11章 动画实例
283以动画效果从当前位置返回到指定位置
284在返回页面顶部或底部时实现动画效果
285实现类似点赞飞出数字 1的动画效果
286实现类似点赞的随机数字显示动画效果
287实现星级评分控件动态显示等级及分数
288实现类似于扑克牌洗牌特效的翻页相册
289实现新闻标题的逐条渐隐渐显滚动显示
290实现新闻标题的逐行(屏)自动滚动显示
291实现图文标题的逐条循环自动滚动显示
292通过层叠实现3D样式的文字动画效果
293实现类似于进度条的动态投票柱状效果图
294创建与页面加载类似的简易动画进度条
295高仿360系统安全体检风格的动画进度条
296使用gDialog插件制作超酷动画对话框
297通过回调函数实现多个动画的不间断执行
298在多个动画队列中启动动画或停止动画
299实现在队列中的任务按指定时间延迟执行
300以链式方式完成在动画队列中的多个动画
第12章 特效实例
301创建百分比和图形变化联动的进度条
302创建可暂停的数字和图形联动的进度条
303在同一按钮上滚动实现多个按钮的功能
304使用数学函数实现超炫超酷的鼠标轨迹
305创建不随页面滚动的悬浮对联广告特效
306高仿百度贴吧顶部不随滚动条滚动的特效
307实现类似于九宫格大转盘的随机抽奖
308使用插件高仿中心旋转指针的抽奖转盘
309创建像飘浮的云一样的随机中奖特效
310使用插件实现在输入框中弹出列表树
311实现动态显示图像和文字结合的星级评分
312高仿城市地铁线路指示灯的到站提示特效
313高仿电商平台的切换全部和部分品牌特效
314实现类似于打字员打字的逐字输入效果
315通过2D转换创建连续旋转缩放的文字块
316创建从中心向左右展开的动感立体文字特效
317在鼠标滑过文章或新闻列表时突出显示条目
318实现多行公告文字从下到上逐行滚动显示
319实现图文标题淡入淡出地逐条循环显示
320实现新闻标题按照分组从上到下循环显示
321实现单行公告信息文字从右到左滚动显示
322使用DIV块创建循环显示的跑马灯文字特效
323通过marquee创建跑马灯文字的
jQuery炫酷应用实例集锦 电子书 下载 mobi epub pdf txt