热门搜索 :
男性养生
您的当前位置:首页正文

jquery插件web2.0分格的分页脚本,可用于ajax无刷新分页_jquery

2023-12-02 来源:淡苒养生网

******生成js分页脚****** ****没剑(2008-03-05)**** 修改日期:2008-3-12 添加两个参数:displaynum,displaylastNum可以自由定制显示的页码数量 参数: pagesize:10 //每页显示的页码数 ,count:0 //数据条数 ,css:"mj_pagefoot" //分页脚css样式类 ,current:1 //当前页码 ,displaynum:7 //中间显示页码数 ,displaylastNum:5 //最后显示的页码数 ,previous:"上一页" //上一页显示样式 ,next:"下一页" //下一页显示样式 ,paging:null //分页事件触发时callback函数 使用: $("div").pagefoot({ pagesize:10, count:500, css:"mj_pagefoot", previous:"<", next:">", paging:function(page){ alert("当前第"+page+"页"); } }); 以上代码为所有div加上分页脚代码 */ 其中要特别说明一下其中的一个参数:paging 1 这个参数为分页脚分页时触发的动作,如果你不在这个动作里加点东西的话,这个分页就不会正常动作,所以你可以这样子加入: paging:function(page){ location.href="?page="+page; } 当然这时你为了要保持分页的页码位置的话,就要在刷新页面时把当前页码赋给参数:current 了,如果你不赋值给它,它默认的值是第一页。。 2 如果你加入一些load数据的动作的话就可以当成是ajax无刷新了,呵呵 paging:function(page){ //ajax.loaddata(page); } 没有什么技术含量,权当练手吧,哈哈 代码如下:JackLee: paging:function(page){ location.href="?page="+page; } 用这个有问题呀?? 当你点了第10页时,在div导航上第1页是当前,我想应该让第10页是当前的才对呀! -------------------------------------------------------- 你没有注意这里哦: --- 当然这时你为了要保持分页的页码位置的话,就要在刷新页面时把当前页码赋给参数:current 了,如果你不赋值给它,它默认的值是第一页。。 --- 你在重新加载了这个页后要手动赋值给它。 如果你不想这样子的话就用ajax来分页效果会比较好,又不会太麻烦在线演示 http://img.jb51.net/online/jquery.pageFoot/DEMO.htm文件打包 http://img.jb51.net/online/jquery.pageFoot/jquery.pageFoot.rar

小编还为您整理了以下内容,可能对您也有帮助:

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</a><a href="javascript:;" class="nextPage">下一页</a></div>

实现效果:

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</a><a href="javascript:;" class="nextPage">下一页</a></div>

实现效果:

jquery是什么 在网站中有什么作用

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。

jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。所以在网站设计中使用jQuery可以写更少的代码实现更多的功能。而且它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

扩展资料:

jQuery的语言特点:

1、快速获取文档元素

jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式。

2、提供漂亮的页面动态效果

jQuery中内置了一系列的动画效果,可以开发出非常漂亮的网页,许多网站都使用jQuery的内置的效果,比如淡入淡出、元素移除等动态特效。

3、创建AJAX无刷新网页

AJAX是异步的JavaScript和XML的简称,可以开发出非常灵敏无刷新的网页,特别是开发服务器端网页时,比如PHP网站,需要往返地与服务器通信,如果不使用AJAX,每次数据更新不得不重新刷新网页,而使用AJAX特效后,可以对页面进行局部刷新,提供动态的效果。

参考资料:百度百科——jQuery

请问jQuery是用来干什么的?

用处:jquery是基于javascript类库的框架, 它里面提供了许多javascript类库,和一些css样式表的封装, 使用起来比较方便, 简化了用户与浏览器的交互, 提高了系统的性能和开发效率。

jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

扩展资料:

语言特点

1、快速获取文档元素

jQuery的选择机制构建于Css的选择器,它提供了快速查询DOM文档中元素的能力,而且大大强化了JavaScript中获取页面元素的方式。

2、提供漂亮的页面动态效果

jQuery中内置了一系列的动画效果,可以开发出非常漂亮的网页,许多网站都使用jQuery的内置的效果,比如淡入淡出、元素移除等动态特效。

3、创建AJAX无刷新网页

AJAX是异步的JavaScript和ML的简称,可以开发出非常灵敏无刷新的网页,特别是开发服务器端网页时,比如PHP网站,需要往返地与服务器通信,如果不使用AJAX,每次数据更新不得不重新刷新网页,而使用AJAX特效后,可以对页面进行局部刷新,提供动态的效果。

参考资料来源:百度百科--jQuery

淡苒养生网还为您提供以下相关内容希望对您有帮助:

jquery 带有数据库的分页无刷新

每个标签的click时间调用下面的ajax就可以了 function paged(页码参数,每页行数){ .ajax({ url:"controller/action",type:"psot",data{pageIndex:页码参数,pageSize:每页显示条数},success:function(result){ 绑定页面表单 ...

请问jQuery是用来干什么的?

用处:jquery是基于javascript类库的框架, 它里面提供了许多javascript类库,和一些css样式表的封装, 使用起来比较方便, 简化了用户与浏览器的交互, 提高了系统的性能和开发效率。jQuery设计的宗旨是“write Less,Do More”...

jquery是什么 在网站中有什么作用

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。所以在网站设计中使用jQuery可以...

利用AjAX+JSP+JSON+MYSQL实现无刷新分页,求实现过程

type:'post', dataType:'json', data:"qo.currentPage="+currentPage+"&amp;qo.pageSize="+pageSize+params, success:function callbackFun(data) { //解析json var info = eval("("+data+")");...

jQuery分页插件pagination具体怎么用?求详细教程

一、引用CSS和JS: 二、HTML: 三、JS:(function () { var total

网页无法打开,弹出ajaxform需要jquery插件才能运行禁止此页再显示对话...

1,在表单subimt事件里用ajax提交表单内容,然后returnfalse;阻止自动表单形式提交 2,把sumbit提交按钮改成button,用button按钮的click事件触发ajax提交表单 剩下的就是ajax的事情了 .ajax({ url:'服务器地址',data:'表单...

jquery在网页设计中的作用

使得HTML文档遍历和操作,事件处理,动画和Ajax更加简单。JQuery结合了多功能性和可扩展性,改变了数百万人编写JavaScript的方式。换句话说,由于JQuery,JavaScript以简化形式呈现。阅读起来相当舒服。

jquery怎么动态实现表格分页

jquery动态实现表格分页的方法是利用自带的分页插件jQuery.page.js。下面是使用方法:(".tcdPageCode").createPage({ pageCount:10,current:1,backFn:function(p){ //单击回调方法,p是当前页码 } });pageCount:总页数...

什么是Web应用程序_基于Rails和jQuery的Web应用程序敏捷开发

(2)jQuery是一个轻量级的脚本,其代码非常小巧。 (3)jQuery支持CSS1-CSS3,以及基本的xPath。 (4)jQuery是跨浏览器的,它支持的浏览器包括IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+。 (5)可以很容易的为jQuery扩展其他功...

...比如无刷新分页等,在点击按钮后显示遮幕,ajax请求完成后关闭遮幕_百...

你可以用jquery啊,给你个思路,那个遮幕是个层,jquery中有ajax的方法,很好用的,可以请求个json数据,当然了,后天要把数据库数据读出来,让后封装成一个json对象,再传给各前台,至于分页嘛,这个语句你看看知道吗?sel...

Top