源码来袭！！！基于jquery的ajax分页插件（demo+源码）

最新推荐文章于 2021-08-05 17:22:06 发布

置顶

编程鸭

最新推荐文章于 2021-08-05 17:22:06 发布

阅读量425

点赞数 1

分类专栏：互联网编程语言软件开发文章标签：互联网编程语言软件编程

本文链接：https://blog.csdn.net/weixin_44811417/article/details/90602086

版权

本文作者分享了自己在学习过程中开发的一款基于jQuery的ajax分页插件，包括主要代码结构、jQuery扩展和使用方法。通过实例展示了如何实现分页功能，并提供了DEMO和源码下载链接。文章适合有一定javascript基础和jQuery经验的开发者，有助于理解jQuery插件开发。

摘要由CSDN通过智能技术生成

　　前几天打开自己的博客园主页，发现自己的园龄竟然有4年之久了，没记错的话刚接触编程就知道了博客园，也就是说我入坑4年了？时光啊~。刚学习编程的时候最喜欢的就是来园子里听大神们吹牛逼，看着他们装逼就觉得很过瘾，也学到了很多知识和技能。说来也惭愧，自己却没能为园友们分享自己的所学所得（毕竟水平烂！）。

　　过去的一年也是辗转了几个城市换了几份工作（注定本命年不太平？）。八月份来到现在所在的公司（OTA行业），公司是做互联网的，所以可能大家的前端都看起来很屌？之前一直从事.NET开发（现在在这边也是），js也用的很少。于是趁着这个机会跟着大家学学js。本文要说到的插件就是在学习的过程中自己开发的。

　　如果你还对jQuery插件开发没有任何了解，推荐一篇文章 http://www.cnblogs.com/Wayou/p/jquery_plugin_tutorial.html（博客园的前端大神很多啊，前段时间在园子看到很多优秀的js文章）

　　如果有javascript基础，用过jquery，看了上面的文章，我相信妈妈再也不用担心你不会jQuery插件开发了。

　　既然说到基于jQuery的ajax分页插件，那我们就先看看主要的代码结构：（我觉得对咱们程序员来说再优美的文字描述、介绍也比不上代码来得实在。Talk is cheap,Show me the code!）

　　1、首先定义一个pager对象：

复制代码

 1 var sjPager = window.sjPager = {
 2         opts: {
 3             //默认属性
 4             pageSize: 10,
 5             preText: "pre",
 6             nextText: "next",
 7             firstText: "First",
 8