tnblog
首页
视频
资源
登录

Jquery分页条

5387人阅读 2019/10/16 17:07 总访问:126110 评论:0 收藏:0 手机
分类: Jquery

jQuery分页条下载地址:https://www.jb51.net/jiaoben/589208.html


1、在前台HTML页引入js以及css文件

  1. <script src="~/js/jquery-3.3.1.js"></script>
  2. <script src="~/js/jqPaginator.js"></script>
  3. <link href="~/css/page.css" rel="stylesheet" />

2、在body中创建一个ul标签

  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  4.     <title></title>
  5. </head>
  6. <body>
  7.     <div>
  8.         <ul id="ul" class="pagination"></ul>
  9.     </div>
  10. </body>
  11. </html>


3、编写javascript代码

  1. <script>
  2.     $(function ({
  3.         $.jqPaginator('#ul', {
  4.             totalPages100,//总页数
  5.             pageSize:5,//每页条数
  6.             currentPage: 1,//当前页
  7.             first: '<li class="first"><a href="javascript:;">首页</a></li>',
  8.             prev'<li class="prev"><a href="javascript:;">上一页</a></li>',
  9.             next'<li class="next"><a href="javascript:;">下一页</a></li>',
  10.             last'<li class="last"><a href="javascript:;">尾页</a></li>',
  11.             page'<li class="page"><a href="javascript:;">{{page}}</a></li>',
  12.             onPageChangefunction (num, type{
  13.                 
  14.             }
  15.         });
  16.     })
  17. <script>

评价

Jquery右击自定义显示菜单+自定义换肤

结合右击显示菜单来做的效果图:代码:&lt;!doctypehtml&gt; &lt;html&gt; &lt;head&gt; &lt;metacharset=&quot;gbk&quo...

可输入下拉文本框,据输入,动态加载数据 Jquery-editable-select

用到一个jquery-editable-select的控件github地址:https://github.com/indrimuska/jquery-editable-select这个插件的原理是...

Jquery判断滚动条是否到底部

有时间我们需要判断滚动条是否已经滚动到底部,例如我们要做滚动刷新的功能$(window).height():一个屏幕的高度注意这个方法...

Jquery if 判断会判断字段的那些情况

Jquery if 判断会对对象的判断1:判断是否未null2: 判断是否未空3: 判断是否未0当我们写if 判断的时候可以不用书写为var ...

Jquery常用选择器

html&lt;divid=&#39;content&#39;&gt; &lt;div&gt;aa&lt;/div&gt; &lt;div&gt;bb&lt;/div&gt; &lt;div&gt;cc&lt;/div&gt...

Jquery删除表格的行Id自适应

jquery删除表格的行,Id自适应,删除后让id不断层还是依次排列//删除(id自适应) $(&quot;.usertable&quot;).on(&quot;click&...

思宇上课笔记—初识Jquery

JQuery(前端)什么是jQuery?jQuery就只是一个一个JavaScript函数库而已什么是js的库就是封装的一些js常用的的方法。eg:Dom...

Jquery选择器的简单实现

一、原生JS提供给我们的选择器document.getElementById(); document.getElementsByTagName(); ...这是以前常用的,但是实...

思宇上课笔记—Jquery插件的编写

jQuery课堂实例相信我们每个人在学习jQuery中,都或多或少的使用到了jQuery插件,jQuery插件使用起来确实非常的方便,快捷...

Jquery—为动态添加的元素绑定事件

我们在使用jQuery的时候总会遇到形形色色的问题在jQuery的元素绑定事件中,我通常使用click来绑定单击事件,但是这个只能绑...

js、Jquery获取文本的宽高

页面编写:&lt;!DOCTYPEhtml&gt; &lt;html&gt; &lt;head&gt; &lt;metacharset=&quot;UTF-8&quot;/&gt; &lt;title&gt;jQ...

Jquery验证插件formValidator,AJAX验证手动传值

AJAX验证默认会传递你绑定的id的name值回去,如何你想传递其他值回去的话,直接这样写是不行的应该要这样使用,通过一个方...

使用Jquery操作元素的css样式(获取、修改等等)

使用jquery操作元素的css样式(获取、修改等等) //1、获取和设置样式 $(&quot;#tow&quot;).attr(&quot;class&quot;)...

Jquery Validate 验证插件 基本使用

插件引用地址:&lt;scriptsrc=&quot;http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min...

Jquery选择器结束

类选择器:$(“.类名”)Id选择器:$(“#id名”)属性选择器:$(“[属性名=’属性值’]”)元素选择器:$(“元素”) 比如$(“div...
网络上你重拳出击,现实中你刚上初一
排名
3
文章
317
粉丝
22
评论
14
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术