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

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

下面就让我们一起来享受jQuery代码的魅力之处吧。

1.预加载图片

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

3.图像等比例缩放

4.返回页面顶部

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

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

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

8.自动替换丢失的图片

// Safe Snippet 
$("img").error(function () { 
  $(this).unbind("error").attr("src", "missing_image.gif"); 
}); 
// Persistent Snipper 
$("img").error(function () { 
  $(this).attr("src", "missing_image.gif"); 
}); 

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

10.清空表单数据

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

12.动态添加表单元素

13.让整个Div可点击

14.平衡高度或Div元素

var maxHeight = 0; 
$("div").each(function(){ 
  if ($(this).height() > maxHeight) { maxHeight = $(this).height(); } 
}); 
$("div").height(maxHeight); 

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

本文收集的这15段非常实用的jQuery代码片段，你可以直接复制黏贴到代码里，但请开发者注意了，要理解代码再使用哦。