jQuery给表格添加分页效果

var $pagess = $('#pageStyle');
$pagess[0].style.backgroundColor="#006B00";
$pagess[0].style.color="#ffffff";
});

//a链接点击变色，再点其他回复原色
function changCss(obj){
var arr = document.getElementsByTagName("a");
for(var i=0;i<arr.length;i++){
if(obj==arr[i]){ //当前页样式
obj.style.backgroundColor="#006B00";
obj.style.color="#ffffff";
}
else
{
arr[i].style.color="";
arr[i].style.backgroundColor="";
}
}
}
</script>

3. 另外，附上表格和底部分页码的css样式

<style>
 table{
 width:600px;
 text-align:center;
 }
 table tr th,td{
 height:30px;
 line-height:30px;
 border:1px solid #ccc;
 }
 #pageStyle{
 display:inline-block;
 width:32px;
 height:32px;
 border:1px solid #CCC;
 line-height:32px;
 text-align:center;
 color:#999;
 margin-top:20px;
 text-decoration:none; 
 }
 #pageStyle:hover{
 background-color:#CCC;
 }
 #pageStyle .active{
 background-color:#0CF;
 color:#ffffff;
 }
</style>

4.好了，打开浏览器试试

点击页码可翻页，成功！

更多精彩内容请点击：jquery分页功能汇总进行学习。