本文实例讲述了jquery简单分页实现方法。分享给大家供大家参考。具体如下:
js代码:
function dolistpage(pagerow,pagenum,rowcount,pagecount){ $(#pagemsg).html(每页显示+pagerow+条,当前 + pagenum + / +pagecount + 页 共 +rowcount + 条); if (pagenum == 1) { $(#fpbtn).attr(disabled, true); $(#rpbtn).attr(disabled, true); }else { $(#fpbtn).removeattr(disabled); $(#rpbtn).removeattr(disabled); } if (pagenum == pagecount) { $(#npbtn).attr(disabled, true); $(#lpbtn).attr(disabled, true); }else { $(#npbtn).removeattr(disabled); $(#lpbtn).removeattr(disabled); } $(#fpbtn).click(function(){ loadtpage(1); }); $(#rpbtn).click(function(){ loadtpage(pagenum - 1); }); $(#npbtn).click(function(){ if ((pagenum + 1) >= pagecount) loadtpage(pagecount); else loadtpage(pagenum + 1); }); $(#lpbtn).click(function(){ loadtpage(pagecount); }); $(#gpbtn).click(function(){ var tzys = $(#gpinput).val(); var re = /^[1-9]+[0-9]*$/; if (tzys == null || tzys == undefined || tzys == '') { alert(请输入跳转页数!); $(#gpinput).focus(); return; } if (!re.test(tzys)) { alert(请输入正确跳转页数!); $(#gpinput).focus(); return; } if (tzys > pagecount) tzys = pagecount; if (tzys <= 0) tzys = 1; loadtpage(tzys); }); $(#gpinput).val(pagenum);}
html代码:
当前0/0页 跳转 页
希望本文所述对大家的jquery程序设计有所帮助。