共计 6 篇文章

使用jquery.pjax实现SPA单页面应用

jquery.pjax.js。它是基于jQuery的pjax插件,使用方便,功能完善。本实例是模拟分页功能,分页是在web开发中最常见的组件之一。正常情况下,点击分页组件中的页面,页面会跳转到对应的页面,而使用Pjax后,点击页码时,会发送一个ajax请求到后端,响应后更新对应的页面内容部分,同时地址栏url也对应实际的页码url,但整个页面并没有跳转,这样的好处是实现了可以记录浏览历史,可以使用浏览器前进后退功能,浏览器的url可以跟随内容变化,而整个页面可以只刷新某一部分,也就是局部刷新。 HTML   准备一个加载div#loading,默认隐藏, ...

$.ajax( )方法详解

在jQuery中ajax实现方法分类很多种,如:load()、$.get()、$.post()、$.getScript()、$.ajax() 事件、$.ajaxSetup()等等,前面几种为常用的也是用得最多的jQuery ajax方法了。 1.url:   要求为String类型的参数,(默认为当前页地址)发送请求的地址。 2.type:   要求为String类型的参数,请求方式(POST或GET)默认为GET。注意其他HTTP请求方法,例如PUT和DELETE也可以使用,但仅部分浏览器支持。 ...

jquery删除相邻的一个元素

当点击保存按钮时,在a标签的后面会添加b标签,延时1秒钟后再删除b标签 <script> $(document).ready(function() { $(".Save").bind('click',function(){ $obj=$(this); $obj.after('<b style="color:#f00">修改成功< ...

PHP+jQuery+MySql实现红蓝投票功能

这是一个非常实用的投票实例,应用在双方观点对抗投票场景。用户可以选择支持代表自己观点的一方进行投票,本文以红蓝双方投票为例,通过前后台交互,直观展示红蓝双方投票数和所占比例,应用非常广泛。 HTML   需要在页面中展示红蓝双方的观点,以及对应的投票数和比例,以及用于投票交互的手型图片,本例以#red和#blue分别表示红蓝双方。.redhand和.bluehand用来做手型投票按钮,.redbar和.bluebar展示红蓝双方比例调,#red_num和#blue_num展示双方投票数。 <div class="vote" ...

fullPage.js插件

fullPage.js是一个基于jQuery的全屏滚动插件,它能够很方便、很轻松的制作出全屏网站。 主要功能 支持鼠标滚动 支持前进后退和键盘控制 多个回调函数 支持手机、平板触摸事件 支持 CSS3 动画 支持窗口缩放 窗口缩放时自动调整 可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等 使用方法 1、引入文件 <link ...