基于jquery编写分页插件.pdf

扩展 JQuery 很容易，作为一个练习，编写一个简单的分页插件，代码量不大，直接看 代码好了： $.fn.mypagination = function(totalProperty,opts){&nbsp; &nbsp; opts = $.extend({&nbsp; &nbsp; &nbsp; perPage:10,&nbsp; &nbsp; &nbsp; callback:function(){&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; },opts||{});&nbsp; &nbsp; return this.each(function(){&nbsp; &nbsp; &nbsp; function numPages(){&nbsp; &nbsp; &nbsp; &nbsp; return Math.ceil(totalProperty/opts.perPage);&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; function selectPage(page){&nbsp; &nbsp; &nbsp; &nbsp; return function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; currPage = page;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (page<0) currPage = 0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if (page>=numPages()) currPage = numPages()-1;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; render();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $('img.wait',panel).attr('src','images/wait.gif');&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; opts.callback(currPage+1);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $('img.wait',panel).attr('src','images/nowait.gif');&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; function render(){&nbsp; &nbsp; &nbsp; &nbsp; var html = '<table><tbody><tr>'&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; +'<td><a href="#"><img class="first"></a></td>' &nbsp; &nbsp; &nbsp; &nbsp; +'<td><a href="#"><img class="prev"></a></td>' &nbsp; &nbsp; &nbsp; &nbsp; +'<td><span> 第 <input type="text" class="num"> 页/共 '+numPages()+'页</span></td>' &nbsp; &nbsp; &nbsp; &nbsp; +'<td><a href="#"><img class="next"></a></td>' &nbsp; &nbsp; &nbsp; &