分页插件(jquery.easyui)的引用及写法

先在网上下载jquery easyUI分页插件：

文档网址：http://www.jeasyui.com/documentation/index.php

jquery.easyui 插件包上传在博客园的【文件】里

<script type="text/javascript" src="js/jquery-2.0.2.js"></script>
<!--分页 开始-->
<link rel="stylesheet" type="text/css" href="js/deps/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="js/deps/easyui/themes/icon.css">
<script type="text/javascript" src="js/deps/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript">
$(function(){
//分页的js
$('#pp').pagination({
displayMsg : "显示从 {from} 到 {to}，总共：{total} 条。",
onSelectPage:function(pageNumber, pageSize){
$(this).pagination('loading');
alert('pageNumber:'+pageNumber+',pageSize:'+pageSize);
$(this).pagination('loaded');
}
});
});
</script>

<!-- 分页的html-->
<div class="easyui-panel">
<div id="pp" class="easyui-pagination" data-options="total:114" style="background:#c9cdd1;"></div>
</div>

 

以上就可以实现交互功能，不用自己手写！