WEB前端开发都应知道的jquery小技巧及jquery三个简写

一个简单技巧的集合，帮你提升 jQuery 技能。目前小编给大家整理了14个jquery小技巧。

目录结构

1回到顶部按钮

2预加载图片

3检查图片是否加载完毕

4自动修复损坏的图片

5Hover 上的 Class 开关

6禁用 input 字段

7停止链接加载

8淡入淡出/滑动开关

9简单的折叠效果

10将两个 Div 设为相同高度

11在新窗口打开外部链接

12找到文本元素

13切换可视与隐藏的触发器

下面给大家介绍每个小技巧的具体含义。

1.回到顶部按钮

通过使用 jQuery 中的 animate 和 scrollTop 方法，你无需插件便可创建一个简单地回到顶部动画：

// Back to top
$(a.top).click(function (e) {
e.preventDefault();
$(document.body).animate({scrollTop: 0}, 800);
});