JQuery是一個非常流行的JavaScript庫，它可以用于簡化DOM操作、處理事件、制作動畫以及實現其他交互效果。其中，頂部固定就是一個常見的頁面效果，下面就來介紹如何用JQuery實現頂部固定。

$(window).scroll(function(){
if($(this).scrollTop() >100){
$(".header").addClass("fixed");
}else{
$(".header").removeClass("fixed");
}
});

上述代碼就是用JQuery實現頂部固定的核心代碼。首先，我們綁定了頁面的滾動事件，每當頁面滾動時就會執行這個函數。然后，通過判斷當前窗口向上滾動的距離，如果距離超過了100像素，就表示到達了頂部固定的位置，這時候就可以把固定樣式添加到頂部的header元素上；反之則去除固定樣式。

接下來，我們還需要定義一些CSS樣式，來讓這個固定的效果生效：

.header{
position: relative;
}
.header.fixed{
position: fixed;
top: 0;
left: 0;
z-index: 99;
width: 100%;
}

其中，header元素需要設置為相對定位，否則固定效果無法生效。當然，還需要為header.fixed添加其他的樣式，比如z-index來控制層級、top和left來指定固定位置、寬度設置為100%等。

綜上，通過這段代碼和CSS樣式的配合，就可以實現頂部固定的效果了。當然，這只是一個基礎示例，如果要實現更復雜的固定效果，還需要做更多的調整和優化。