jQuery是一種非常方便的JavaScript框架，它可以輕松地操作和修改當前頁面的HTML代碼，使得頁面的交互性和動態性更加優化。本文將介紹如何使用jQuery重寫當前頁面的代碼，以實現更好的用戶體驗。

$(document).ready(function(){
//在文檔加載完成后執行以下代碼
$('h1').text('歡迎來到我的網站'); //修改h1標題的文本內容
$('#main').css('background-color', '#f0f0f0'); //修改主要內容區域的背景顏色
$('#nav li').on('click', function(){
//當導航欄菜單被點擊時執行以下代碼
$(this).addClass('active').siblings().removeClass('active'); //添加或移除.active類
var idx = $(this).index(); //獲取當前菜單項的索引值
$('.content').eq(idx).show().siblings('.content').hide(); //顯示或隱藏對應的內容區域
});
});

以上代碼展示了如何使用jQuery操作頁面元素，其中包括修改文本內容、修改CSS樣式、事件處理和顯示隱藏元素等功能。在文檔加載完成后，該代碼會自動執行，即可改善當前頁面的交互效果。