jquery 分页插件

可以使用jQuery EasyUI中的pagination插件来实现分页功能。该插件支持自定义分页样式、异步加载数据等功能，使用起来非常方便。

使用方法如下：

1. 引入jQuery和EasyUI的CSS和JS文件：

<link rel="stylesheet" type="text/css" href="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.9.5/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.9.5/themes/icon.css">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.9.5/jquery.easyui.min.js"></script>

2. 在HTML中添加分页控件：

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

3. 在JavaScript中初始化分页控件：

$('#pagination').pagination({
    total: 100, // 数据总数
    pageSize: 10, // 每页显示的数据量
    pageNumber: 1, // 当前页码
    pageList: [10,20, 30, 40], // 可选的每页显示数据量
    layout: ['list', 'sep', 'first', 'prev', 'links', 'next', 'last', 'sep', 'refresh'], // 分页布局
    onSelectPage: function(pageNumber, pageSize) {
        // 加载数据的方法
        loadData(pageNumber, pageSize);
    }
});

4. 在loadData方法中加载数据：

function loadData(pageNumber, pageSize) {
    $.ajax({
        url: 'data.php',
        type: 'get',
        data: {
            page: pageNumber,
            rows: pageSize
        },
        success: function(data) {
            // 处理数据
        }
    });
}