下面這些簡單的小技巧能夠幫助你玩轉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');