JQuery分頁插件是一種非常常用的工具，可以幫助開發人員快速實現網頁中的分頁功能。以下是一個使用JQuery實現的分頁插件的示例代碼：

HTML代碼：

<div id="pagination"></div>

JQuery代碼：

$(document).ready(function() {
// 定義總共的數據數量和每頁顯示的數據數量
var totalItems = 100;
var itemsPerPage = 10;
// 計算總共的頁數
var totalPages = Math.ceil(totalItems / itemsPerPage);
// 初始化分頁插件
$('#pagination').pagination({
// 總共的頁數
total: totalPages,
// 每頁顯示的數據數量
pageSize: itemsPerPage,
// 當前頁碼
current: 1,
// 顯示分頁按鈕的數量
display: 5,
// 分頁按鈕的樣式
buttonClass: 'btn',
// 分頁按鈕的文本
buttonText: 'Page {page}',
// 點擊分頁按鈕時的回調函數
callback: function(page) {
// 根據頁碼獲取數據并更新頁面內容
fetchData(page);
}
});
// 根據頁碼獲取數據并更新頁面內容的函數
function fetchData(page) {
// 計算當前頁的數據起始索引和結束索引
var startIndex = (page - 1) * itemsPerPage;
var endIndex = startIndex + itemsPerPage;
// 模擬獲取數據
var data = [];
for (var i = startIndex; i < endIndex; i++) {
data.push('Item ' + (i + 1));
}
// 更新頁面內容
$('#content').empty();
for (var i = 0; i < data.length; i++) {
$('#content').append('<div>' + data[i] + '</div>');
}
}
// 初始化頁面內容
fetchData(1);
});

上述示例中，首先定義了總共的數據數量和每頁顯示的數據數量。然后根據這兩個值計算總共的頁數。接下來使用$('#pagination').pagination({...})初始化分頁插件，并傳入相應的配置參數。其中，total表示總共的頁數，pageSize表示每頁顯示的數據數量，current表示當前的頁碼，display表示要顯示的分頁按鈕的數量，buttonClass表示分頁按鈕的樣式，buttonText表示分頁按鈕的文本，callback表示點擊分頁按鈕時的回調函數。

在初始化分頁插件后，還定義了一個fetchData函數用于根據頁碼獲取數據并更新頁面內容。該函數根據當前頁的數據起始索引和結束索引計算出要獲取的數據，并使用模擬數據填充相應的內容。然后，通過調用fetchData函數來初始化頁面內容。

以上就是一個使用JQuery實現的分頁插件的示例代碼。使用這個插件可以方便地實現網頁中的分頁功能，并根據需要自定義分頁按鈕的樣式和文本。