本篇教程探讨了jQuery教程之分页插件jQuery.pagination.js ，希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入。

<

引用
<script src="//www.jq22.com/jquery/jquery-1.10.2.js"></script>
<link rel="stylesheet" href="librarys/fenye/pagination.css">
<script src="librarys/fenye/jquery.pagination.js"></script>
html
<div class="nav">
</div>
css
.nav{
     text-align: center;
     padding: 0 1rem;
}
.nav a{
    color: #C8C8C8;
    border:1px solid #C8C8C8;
    display: inline-block;
    padding: 0.2rem 0.4rem;
    line-height: 1rem;
    text-align:center;
    margin:0.1rem 0.1rem;
    text-decoration: none !important;
}
js
// 分页
$('.nav').pagination({
    pageCount:10, //总页数
    coping: true, //开启首页末页
    homePage: '首页',
    endPage: '末页',
    prevContent: '上页',
    nextContent: '下页',
    callback:function(index){                            //实现功能的回调
        page = parseInt($('.nav span').html())               //获取被选中页数的值
        if(page==1){
             $('.list ul').empty()
             getlist()                                          //重新获取数据
        }else{
             $('.list ul li').hide()
             getlist()
        }
    }
})    

本文由职坐标整理发布，学习更多的相关知识，请关注职坐标IT知识库！