下面这些简单的小技巧能够帮助你玩转jQuery。

1、返回顶部按钮

通过使用jQuery中的animate 和scrollTop 方法，不用插件就可以创建一个滚动到顶部的简单动画：

// Back to top

$('.top').click(function (e) {

e.preventDefault();

$('html, body').animate({scrollTop: 0}, 800);

});

<!-- Create an anchor tag -->

<a class="top" href="#">Back to top</a>

改变scrollTop 的值可以更改你想要放置滚动条的位置。所有你真正需要做的是在800毫秒的时间内设置文档主体的动画，直到它滚动到文档的顶部。

注：小心scrollTop的一些错误行为。

2、预加载图像

如果你的网页要使用大量开始不可见的（例如，悬停的）图像，那么可以预加载这些图像：

$.preloadImages = function () {

for (var i = 0; i < arguments.length; i++) {

$('<img>').attr('src', arguments[i]);

}

};

$.preloadImages('img/hover-on.png', 'img/hover-off.png');