jQuery是前端開發(fā)中應(yīng)用非常廣泛的庫，其提供的插件豐富多彩，今天我們要介紹的是jquery.page.js分頁插件的使用實(shí)例。

首先，我們需要在頁面中引入jquery庫和jquery.page.js插件：

<!-- 引入jquery庫 -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!-- 引入jquery.page.js插件 -->
<script src="path/to/jquery.page.js"></script>

然后，我們需要在頁面中準(zhǔn)備一個容器用于展示分頁列表：

<!-- 分頁列表容器 -->
<div class="pagination"></div>

接下來，我們可以使用jquery.page.js插件來生成分頁列表了：

<script>
// 調(diào)用分頁插件
$(".pagination").createPage({
// 總頁數(shù)
pageCount: 10,
// 顯示的頁碼數(shù)
current: 2,
// 點(diǎn)擊頁碼時的回調(diào)函數(shù)
backFn: function (pageNum) {
console.log("當(dāng)前頁碼為：" + pageNum);
}
});
</script>

在上面的代碼中，我們解釋了每個配置項(xiàng)的含義：

• pageCount：總頁數(shù)
• current：當(dāng)前頁碼
• backFn：點(diǎn)擊頁碼時的回調(diào)函數(shù)，參數(shù)為點(diǎn)擊的頁碼

最后，分頁列表就會根據(jù)配置的頁數(shù)和當(dāng)前頁碼生成出來了！

使用jquery.page.js插件可以輕松實(shí)現(xiàn)分頁的功能，在實(shí)際開發(fā)中可以幫助我們省去不少重復(fù)的代碼，提高開發(fā)效率。