可以直接拿来用的15个jQuery代码片段

From http://www.csdn.net/article/2013-07-16/2816238-15-jQuery-Code-Snippets-for-Developers

摘要：开发人员利用jQuery代码不仅能给网站带来各种动画、特效，还会提高网站的用户体验。本文总结了开发者经常使用的15个jQuery代码片段，大家可以直接拿来用。





jQuery里提供了许多创建交互式网站的方法，在开发Web项目时，开发人员应该好好利用jQuery代码，它们不仅能给网站带来各种动画、特效，还会提高网站的用户体验。

本文收集了15段非常实用的jQuery代码片段，你可以直接复制黏贴到代码里，但请开发者注意了，要理解代码再使用哦。下面就让我们一起来享受jQuery代码的魅力之处吧。

1.预加载图片

源码



[b]2. 让页面中的每个元素都适合在移动设备上展示[/b]

源码

3.图像等比例缩放

源码

4.返回页面顶部

源码

5.使用jQuery打造手风琴式的折叠效果

6.通过预加载图片廊中的上一幅下一幅图片来模仿Facebook的图片展示方式

源码
7.使用jQuery和Ajax自动填充选择框

源码

8.自动替换丢失的图片

源码

9.在鼠标悬停时显示淡入/淡出特效

源码

10.清空表单数据

源码

11.预防对表单进行多次提交

源码

12.动态添加表单元素

源码

13.让整个Div可点击

源码

14.平衡高度或Div元素

源码

15. 在窗口滚动时自动加载内容

来自： codegeekz