jquery怎么配置分页

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

创新互联建站作为成都网站建设公司，专注重庆网站建设公司、网站设计，有关企业网站制作方案、改版、费用等问题，行业涉及成都加固等多个领域，已为上千家企业服务，得到了客户的尊重与认可。

html xmlns=""

head

titlejquery分页控件/title

script src="jquery-1.3.min.js" type="text/javascript"/script

/head

body

div class="pager"/div

!--div

select class="SEID"

option10/option

option selected="selected" 20/option

option30/option

/select

div class="first"首页/div

div class="pre"上一页/div

div class="centerclass"/div

div class="next"下一页/div

div class="last"最后一页/div

input type="text" value="1" / ofspan class="totelspan"0/span

/div--

/body

/html

script type="text/javascript"

var pageindex=1;

var totelsize=60;

var centersize=5;

var pagesize=0;

var totelSec=0;

var outStr="";

var se="select class=\"SEID\""

+"option5/option"

+"option selected=\"selected\" 10/option"

+"option15/option"

+"/select";

var firstdiv="div class=\"first\"首页/div";

var prediv="div class=\"pre\"上一页/div";

var centerdiv="div class=\"centerclass\"/div";

var nextdiv="div class=\"next\"下一页/div";

var lastdiv="div class=\"last\"最后一页/div";

$('.pager').empty();

$('.pager').append(se)

$('.pager').append(firstdiv)

$('.pager').append(prediv)

$('.pager').append(centerdiv)

$('.pager').append(nextdiv)

$('.pager').append(lastdiv)

function PageInit()

{

var size=0;

var barObj=this;

var PageReinit=function()

{

pagesize=$(".SEID option:selected")[0].innerText;

size=parseInt(totelsize/pagesize)

var lastSize=totelsize%pagesize;//最后一页显示记录

if(lastSize0)

{

size=size+1;

}

totelSec=parseInt(size/centersize);

var leftSize=size%centersize;//最后一个区段的显示记录

if(leftSize0)

{

totelSec =totelSec+1;

}

PageBarinit();

}

var reSetPage=function()

{

pageindex=1;

pagesize=0;

totelSec=0;

outStr="";

}

// alert('总页数:'+size)

// alert('总区段:'+totelSec)

// alert('每页记录数：'+pagesize);

var SeClick=function(e)

{

var Selectindex=e.target[e.target.selectedIndex].innerText;

pagesize=parseInt(Selectindex);

alert('每页显示：'+Selectindex);

reSetPage();

PageReinit();

}

var firstClick=function(e)

{

alert('点击到首页');

if(pageindex!=1)

{

pageindex=1;

alert('到了第1页');

}

}

var preClick=function(e)

{

alert('点击到上一页');

if(pageindex!=1)

{

pageindex =pageindex-1;

alert('到了第'+pageindex+'页');

}

ChangeCenterBar(pageindex+1);

}

var pageClick=function(e)

{

var targePage=parseInt(e.target.innerText);

pageindex=targePage;

alert('点击了第'+targePage+"页");

ChangeCenterBar(targePage);

}

var nextClick=function(e)

{

alert('点击了下一页');

if(pageindexsize)

{

pageindex =pageindex+1;

if(pageindex==size)

{

alert('到了最后一页');

}

else{

alert('到了第'+pageindex+'页');

}

}

ChangeCenterBar(pageindex-1);

}

var lastClick=function(e)

{

alert('点击了最后一页');

if(pageindexsize)

{

pageindex=size;

alert('到了第'+size+'页');

}

}

var ChangeCenterBar=function(CurrentIndex)

{

var currentSec=parseInt(CurrentIndex/centersize);

if( CurrentIndex%centersize==1)

{

if(currentSectotelSec)

{ PageBarinit();}

}

if(CurrentIndex%centersize==0)

{

var currentSec=parseInt(CurrentIndex/centersize);

if(currentSectotelSec)

{ PageBarinit();}

}

}

var PageBarinit=function()

{

$('.SEID').unbind('change',SeClick);

$('.first').unbind('click',firstClick);

$('.pre').unbind('click',preClick);

$('.next').unbind('click',nextClick);

$('.last').unbind('click',lastClick);

$('.SEID').bind('change',SeClick);

$('.first').bind('click',firstClick);

$('.pre').bind('click',preClick);

$('.next').bind('click',nextClick);

$('.last').bind('click',lastClick);

if(size=centersize)

{

$('.centerclass').empty();

for(var i=1;i=size;i++)

{

var cdiv="span id='Page_"+String(i)+"'"+i+"/span";

$('.centerclass').append(cdiv);

$("#Page_"+i).bind('click',pageClick);

}

}else if(sizecentersize)

{

$('.centerclass').empty();

if( pageindex%centersize==0)

{

var currentSec=parseInt(pageindex/centersize);//当前区段

if(currentSectotelSec)

{

// alert(9)

var startIndex=(currentSec-1)*centersize+1;

for(startIndex;startIndex=currentSec*centersize;startIndex++)

{

//alert(startIndex)

//alert('最大'+currentSec*centersize);

var cdiv="span id='Page_"+String(startIndex)+"'"+startIndex+"/span";

$('.centerclass').append(cdiv);

$("#Page_"+startIndex).bind('click',pageClick);

}

}

else if(currentSec==totelSec)

{

var startIndex=(currentSec-1)*centersize+1;

for(startIndex;startIndex=currentSec*centersize;startIndex++)

{

var cdiv="span id='Page_"+String(startIndex)+"'"+startIndex+"/span";

$('.centerclass').append(cdiv);

$("#Page_"+startIndex).bind('click',pageClick);

}

}else{

alert('分页出错');

}

}else if(pageindex%centersize0)

{

var currentSec=parseInt(pageindex/centersize)+1;//当前区段

if(currentSectotelSec)

{

var startIndex=(currentSec-1)*centersize+1;

for(startIndex;startIndex=((currentSec-1)*centersize+centersize);startIndex++)

{

var cdiv="span id='Page_"+String(startIndex)+"'"+startIndex+"/span";

$('.centerclass').append(cdiv);

$("#Page_"+startIndex).bind('click',pageClick);

}

}

else if(currentSec==totelSec){

var startIndex=(currentSec-1)*centersize+1;

for(startIndex;startIndex=((currentSec-1)*centersize +size%centersize);startIndex++)

{

var cdiv="span id='Page_"+String(startIndex)+"'"+startIndex+"/span";

$('.centerclass').append(cdiv);

$("#Page_"+startIndex).bind('click',pageClick);

}

}else

{

alert('分页出错');

}

}

}

}

PageReinit();

}

PageInit();

/script

怎么用jquery分页呢？

jQuery Pagination分页插件

使用方法

跟一般的jQuery插件一样，此插件使用也很简单便捷。方法是pagination，例如$("#page").pagination(100);

$("#Pagination").pagination(56, {

num_edge_entries: 2,

num_display_entries: 4,

callback: pageselectCallback,

items_per_page:1

});

jquery怎么动态实现表格分页

jquery动态实现表格分页的方法是利用自带的分页插件jQuery.page.js。

下面是使用方法：

$(".tcdPageCode").createPage({

  pageCount:10,

  current:1,

  backFn:function(p){

      //单击回调方法，p是当前页码

  }

});

pageCount：总页数

current：当前页

实现分页的tab如下：

div class="tcdPageCode"

span class="disabled"上一页/span

span class="current"1/span

a href="javascript:;" class="tcdNumber"2/a

a href="javascript:;" class="tcdNumber"3/a

a href="javascript:;" class="tcdNumber"4/a

span.../span

a href="javascript:;" class="tcdNumber"6/aa href="javascript:;" class="nextPage"下一页/a/div

实现效果：

jquery 分页

可用

function fenye(var page){

$.ajax（

url:url,

data:{page:page},

dataType:'json',

success:funtion(data){

//可以在这里出来data的json数据

}

）;

}

jquery分页组件

jQuery分页——jQuery.page.js用法： 调用方法： $(".tcdPageCode").createPage({ pageCount:10, current:1, backFn:function(p){ } }); pageCount：总页数 current：当前页

本文标题：分页jquery,分页符和分节符区别
路径分享：http://kswjz.com/article/dsdeiod.html