jQuery是一種廣泛應(yīng)用于Web開發(fā)中的JavaScript庫，它極大地簡化了JavaScript編寫與文件操作的工作。其中，$.fn是jQuery對象的原型，所以我們可以通過擴(kuò)展方法來修改jQuery的默認(rèn)行為。

在jQuery中，.offset()方法可以用來獲取到頁面中任意元素距離文檔頂部（即頁面頂部）的距離。而.scrollTop()方法則可以獲取元素的滾動高度，.height()方法可以獲取元素的高度。

結(jié)合使用這些方法，我們就可以實(shí)現(xiàn)一個點(diǎn)擊“回到頂部”按鈕的效果：

$(function(){
$(window).scroll(function(){
if ($(window).scrollTop() >100){
$('#back-to-top').fadeIn(500);
}else{
$('#back-to-top').fadeOut(500);
}
});
$('#back-to-top').click(function(){
$('body,html').animate({scrollTop:0},300);
return false;
});
});

代碼解釋：

1. $(window).scroll(function(){  //滾動窗口觸發(fā)事件
2.     if ($(window).scrollTop() >100){ //若滾動高度超過100px，則顯示回到頂部按鈕
3.         $('#back-to-top').fadeIn(500);
4.     }else{
5.         $('#back-to-top').fadeOut(500); //否則隱藏
6.     }
7. });
8. $('#back-to-top').click(function(){ //點(diǎn)擊回到頂部按鈕
9.     $('body,html').animate({scrollTop:0},300); //執(zhí)行動畫，回到頂部
10.    return false;
11. });

在上述代碼中，第8至11行是關(guān)鍵部分，.animate()方法可以實(shí)現(xiàn)元素的動畫效果。其中，scrollTop:0表示將元素滾動到頂部，300則為動畫執(zhí)行的時(shí)間（毫秒級）。

此外，上述代碼中的'#back-to-top'即為回到頂部按鈕的ID，我們只需要將其添加至HTML頁面即可。實(shí)現(xiàn)起來非常簡單，不僅僅是初學(xué)者，也適用于很多開發(fā)者。