欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Jquery簡單分頁實現(xiàn)方法

 更新時間:2015年07月24日 15:40:42   作者:罪惡的花生  
這篇文章主要介紹了Jquery簡單分頁實現(xiàn)方法,實例分析了jquery分頁的相關實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下

本文實例講述了Jquery簡單分頁實現(xiàn)方法。分享給大家供大家參考。具體如下:

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("請輸入跳轉(zhuǎn)頁數(shù)!");
   $("#gpinput").focus();
   return;
  }
  if (!re.test(tzys)) {
   alert("請輸入正確跳轉(zhuǎn)頁數(shù)!");
   $("#gpinput").focus();
   return;
  }
  if (tzys > pagecount) 
   tzys = pagecount;
  if (tzys <= 0) 
   tzys = 1;
  loadtpage(tzys);
 });
 $("#gpinput").val(pagenum);
}

HTML代碼:

<table>
 <tfoot>
  <tr>
   <td colspan="11">
    <span class="water-table-listbtn"></span>
    <span class="water-table-page">
     <span id="pagemsg" class="water-table-pagemsg">當前0/0頁</span>
     <input type="button" id="fpbtn" value="首頁"/>
     <input type="button" id="rpbtn" value="上頁"/>
     <input type="button" id="npbtn" value="下頁"/>
     <input type="button" id="lpbtn" value="尾頁"/>
     <span id="pagemsg" class="water-table-pagemsg">跳轉(zhuǎn)
     <input type="text" id="gpinput" size="3" value="0"/>頁
     </span>
     <input type="button" id="gpbtn" value="跳轉(zhuǎn)"/>
    </span>
   </td>
  </tr>
 </tfoot>
</table>

希望本文所述對大家的jquery程序設計有所幫助。

相關文章

  • 創(chuàng)建公共調(diào)用 jQuery Ajax 帶返回值

    創(chuàng)建公共調(diào)用 jQuery Ajax 帶返回值

    請求Ajax 帶返回值,并彈出提示框提醒的實現(xiàn)代碼,需要的朋友可以參考下
    2012-08-08
  • jquery實現(xiàn)增加刪除行的方法

    jquery實現(xiàn)增加刪除行的方法

    這篇文章主要介紹了jquery實現(xiàn)增加刪除行的方法,涉及表格中行的增加與刪除技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-02-02
  • jQuery實現(xiàn)視頻展示效果

    jQuery實現(xiàn)視頻展示效果

    這篇文章主要為大家詳細介紹了jQuery實現(xiàn)視頻展示效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-05-05
  • jQuery拖拽插件gridster使用指南

    jQuery拖拽插件gridster使用指南

    gridster.js是一款基于jquery的前端拖拽插件,效果相當?shù)牟诲e,大家可以先看看Demo(http://gridster.net/#intro)(藍色部分的白塊就是了,可以隨便拖動,娛樂性很強)。
    2015-04-04
  • jQuery實現(xiàn)兩款有動畫功能的導航菜單代碼

    jQuery實現(xiàn)兩款有動畫功能的導航菜單代碼

    這篇文章主要介紹了jQuery實現(xiàn)兩款有動畫功能的導航菜單代碼,涉及jQuery動畫效果的不同實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-09-09
  • jQuery實現(xiàn)導航回彈效果

    jQuery實現(xiàn)導航回彈效果

    本文主要介紹了jQuery實現(xiàn)導航回彈效果的實例,具有很好的參考價值,下面跟著小編一起來看下吧
    2017-02-02
  • jquery插件實現(xiàn)儀表盤

    jquery插件實現(xiàn)儀表盤

    這篇文章主要為大家詳細介紹了jquery插件實現(xiàn)儀表盤,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-04-04
  • jQuery頁面刷新(局部、全部)問題分析

    jQuery頁面刷新(局部、全部)問題分析

    這篇文章主要針對jQuery頁面刷新問題為大家進行詳細分析,包括局部刷新、全部刷新,感興趣的朋友可以參考一下
    2016-01-01
  • jQuery實現(xiàn)帶延遲效果的滑動菜單代碼

    jQuery實現(xiàn)帶延遲效果的滑動菜單代碼

    這篇文章主要介紹了jQuery實現(xiàn)帶延遲效果的滑動菜單,涉及jquery鼠標事件操作頁面屬性定時變換的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-09-09
  • cookie.js 加載順序問題怎么才有效

    cookie.js 加載順序問題怎么才有效

    在使用cookie.js時,只有在jquery.js文件后加載整體才有效,下面與大家分享下有效加載順序,有此需求的朋友可以參考下
    2013-07-07

最新評論