jquery插件如何使用 jQuery操作Cookie插件使用介绍

 更新时间:2012年12月15日 16:31:52   作者:  
本文将介绍jQuery如何操作Cookie插件,需要了解的朋友可以参考下
代码:
复制代码 代码如下:

jQuery.cookie = function(name, value, options) {
if (typeof value != 'undefined') { // name and value given, set cookie
options = options || {};
if (value === null) {
value = '';
options = $.extend({}, options); // clone object since it's unexpected behavior if the expired property were changed
options.expires = -1;
}
var expires = '';
if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
var date;
if (typeof options.expires == 'number') {
date = new Date();
date.setTime(date.getTime() (options.expires * 24 * 60 * 60 * 1000));
} else {
date = options.expires;
}
expires = '; expires=' date.toUTCString(); // use expires attribute, max-age is not supported by IE
}
// NOTE Needed to parenthesize options.path and options.domain
// in the following expressions, otherwise they evaluate to undefined
// in the packed version for some reason...
var path = options.path ? '; path=' (options.path) : '';
var domain = options.domain ? '; domain=' (options.domain) : '';
var secure = options.secure ? '; secure' : '';
document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
} else { // only name given, get cookie
var cookieValue = null;
if (document.cookie && document.cookie != '') {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i ) {
var cookie = jQuery.trim(cookies[i]);
// Does this cookie string begin with the name we want?
if (cookie.substring(0, name.length 1) == (name '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length 1));
break;
}
}
}
return cookieValue;
}
};

使用方法
jQuery操作cookie的插件,大概的使用方法如下
$.cookie('the_cookie'); //读取Cookie值
$.cookie('the_cookie', 'the_value'); //设置cookie的值
$.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});//新建一个cookie 包括有效期 路径 域名等
$.cookie('the_cookie', 'the_value'); //新建cookie
$.cookie('the_cookie', null); //删除一个cookie
设置一个名称为blog,值为css9.net的cookie:
$.cookie("blog", "css9.net");
设置一个名称为blog,值为css9.net的cookie,同时设置过期时间(expires属性)为7天:
$.cookie("blog", "css9.net", { expires: 7 });
设置一个名称为blog,值为css9.net的cookie,设置过期时间(expires属性)为7天,同时设置cookie的path属性为”/admin”
$.cookie("blog", "css9.net", { path: '/admin', expires: 7 });
读取Cookie:
读取名称为blog的cookie值:
alert( $.cookie("blog") );
删除cookie:
$.cookie("example", null);

相关文章

  • jQuery中ajax的load()与post()方法实例详解

    jQuery中ajax的load()与post()方法实例详解

    这篇文章主要介绍了jQuery中ajax的load()与post()方法,结合实例详细分析了jQuery中load()与post()方法实现ajax交互的相关技巧与注意事项,需要的朋友可以参考下
    2016-01-01
  • jQuery采用连缀写法实现的折叠菜单效果

    jQuery采用连缀写法实现的折叠菜单效果

    这篇文章主要介绍了jQuery采用连缀写法实现的折叠菜单效果,通过jQuery的连缀写法(又称链式操作)实现菜单折叠的显示效果,非常简单实用,需要的朋友可以参考下
    2015-09-09
  • 7个有用的jQuery代码片段分享

    7个有用的jQuery代码片段分享

    这篇文章主要介绍了7个有用的jQuery技巧分享,本文给出了在新窗口打开链接、设置等高的列、jQuery预加载图像、禁用鼠标右键、设定计时器等实用代码片段,需要的朋友可以参考下
    2015-05-05
  • jquery实现简单拖拽效果

    jquery实现简单拖拽效果

    这篇文章主要为大家详细介绍了jquery实现简单拖拽效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-07-07
  • jQuery如何解决IE输入框不能输入的问题

    jQuery如何解决IE输入框不能输入的问题

    在IE10以上版本,微软为了提高IE输入框的便利性,增加了文本内容全部删除和密码眼睛功能,但是有些时候打开新的页面里,输入框却被锁定无法编辑,需要刷新一下页面,或者如果输入框有内容需要点击一下输入框后面的叉叉后才能输入,怎么解决呢,下面小编给大家解答下
    2016-10-10
  • jQuery对象初始化的传参方式

    jQuery对象初始化的传参方式

    本文简单介绍了jQuery对象初始化传参方式,以及具体的示例,是篇非常不错的文章,这里推荐给小伙伴们。
    2015-02-02
  • 使用jquery实现div的tab切换实例代码

    使用jquery实现div的tab切换实例代码

    以前使用js代码来写的简单效果现在用jQ来写,具体实现如下,感兴趣的朋友可以参考下哈
    2013-05-05
  • jQuery Jcrop插件实现图片选取功能

    jQuery Jcrop插件实现图片选取功能

    今天我们要在ASP.NET中用jQuery.Jcrop插件实现图片的选取功能,你想选取美女的哪个部位你说了算,我就管不着了
    2011-11-11
  • Raphael一个用于在网页中绘制矢量图形的Javascript库

    Raphael一个用于在网页中绘制矢量图形的Javascript库

    Raphael是一个用于在网页中绘制矢量图形的Javascript库,它使用 SVG W3C 推荐标准和 VML 作为创建图形的基础,你可以通过 JavaScript 操作 DOM 来轻松创建出各种复杂的柱状图、饼图、曲线图等各种图表,接下来详细介绍,感兴趣的朋友可以了解下哦
    2013-01-01
  • jquery ztree实现下拉树形框使用到了json数据

    jquery ztree实现下拉树形框使用到了json数据

    项目需要用到树形下拉框,采用了zTree来实现,因为代码的移植性比较高,下面是实现的代码
    2014-05-05

最新评论