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实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法

    jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法

    这篇文章主要介绍了jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法,涉及jQuery响应鼠标事件动态操作页面元素及基于get实现ajax交互保存数据的相关技巧,需要的朋友可以参考下
    2015-11-11
  • jQuery实现基本淡入淡出效果的方法详解

    jQuery实现基本淡入淡出效果的方法详解

    这篇文章主要介绍了jQuery实现基本淡入淡出效果的方法,结合实例形式详细分析了jQuery使用fadeIn()、fadeOut()及fadeToggle()等方法控制页面元素淡入淡出显示效果的相关操作技巧,需要的朋友可以参考下
    2018-09-09
  • Jquery选择子控件"大于号"和" "区别介绍及使用示例

    Jquery选择子控件"大于号"和" "区别介绍及使用示例

    Jquery选择子控件”>“:在给定的父元素下匹配所有的子元素;另一个就是在给定的祖先元素下匹配所有的后代元素,具体概述及使用示例如下,感兴趣的朋友可以参考下哈
    2013-06-06
  • jQuery中$(function() {});问题详解

    jQuery中$(function() {});问题详解

    $(function() {});是$(document).ready(function(){ })的简写,最早接触的时候也说$(document).ready(function(){ })这个函数是用来取代页面中的window.onload;但是今天发现 好像不是这样回事!是在做一个页面载入效果时发现的!
    2015-08-08
  • jQuery之ajax删除详解

    jQuery之ajax删除详解

    ajax是局部刷新。用jQuery来实现,会简化很多。下面进行详细的说明,结合一个ajax删除的案例来进行
    2014-02-02
  • jquery.tmpl JQuery模板插件

    jquery.tmpl JQuery模板插件

    在下面介绍一款jQuery的模板插件 tmpl,是由微软想jQuery官方贡献的模板插件
    2011-10-10
  • jQuery解决浏览器兼容性问题案例分析

    jQuery解决浏览器兼容性问题案例分析

    这篇文章主要介绍了jQuery解决浏览器兼容性问题的方法,结合实例形式分析了针对不同浏览器的click事件响应兼容性问题,需要的朋友可以参考下
    2016-04-04
  • jQuery常用事件方法mouseenter+mouseleave+hover

    jQuery常用事件方法mouseenter+mouseleave+hover

    这篇文章主要介绍了jQuery常用事件方法mouseenter、mouseleave和hover方法,下文内容介绍详细,需要的小伙伴可以参考一下
    2022-03-03
  • JQuery异步获取返回值中文乱码的解决方法

    JQuery异步获取返回值中文乱码的解决方法

    这篇文章主要介绍了JQuery异步获取返回值中文乱码的解决方法,除了正常的编码设置需要统一外,还要设置一个setCharacterEncoding才可以避免乱码,需要的朋友可以参考下
    2015-01-01
  • jQuery使用之标记元素属性用法实例

    jQuery使用之标记元素属性用法实例

    这篇文章主要介绍了jQuery使用之标记元素属性用法,实例分析了jQuery如何控制页面,包含元素的属性、css样式风格、DOM模型、表单元素和事件处理等使用技巧,需要的朋友可以参考下
    2015-01-01

最新评论