简单的jQuery表格分页效果实现代码

<div class="pager"><div id="pages_box" class="pagernum"></div></div>

<script>
jQuery(document).ready(function(){ 
		var rows = jQuery("#shop_table>tbody>tr").length; 
		var no_begin_page = 4; //相当于pagesize
		var no_pages = Math.ceil(rows/no_begin_page); //总页数
		var jQuerypagenumbers = jQuery('<div id="pages"></div>'); 
		for(var i=0;i<no_pages;i++) 
		{ 
		//pagecurrent
			jQuery('<a href="#" class="page">'+(i+1)+'</a>').appendTo(jQuerypagenumbers);
		} 
		jQuerypagenumbers.appendTo('#pages_box'); //页码
		jQuery("#shop_table>tbody>tr").hide(); 
		var tr = jQuery('#shop_table>tbody>tr'); 
		//这个for循环是为了将第一条记录显示
		for (var i=0;i<no_begin_page;i++) 
		{ 
			jQuery(tr[i]).show(); 
		} 
		jQuery('.page:eq(0)').addClass('pagecurrent');
		//点击页码事件，显示分页
		jQuery('.page').click(function(event){ 
			jQuery('.page').removeClass('pagecurrent');
			jQuery(this).addClass('pagecurrent');
			jQuery("#shop_table>tbody>tr").hide(); 
			for(var i=(jQuery(this).text()-1)*no_begin_page;i<=jQuery(this).text()*no_begin_page-1;i++) { 
				jQuery(tr[i]).show(); 
			} 
			return false;
		}); 
 });
 </script>