jquery操作cookie插件分享


Posted in Javascript onJanuary 14, 2014

插件的源代码如下:

jQuery.cookie = function(name, value, options) {
    if (typeof value != 'undefined') {
        options = options || {};
        if (value === null) {
            value = '';
            options = $.extend({}, options);
            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();
        }
        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 {
        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]);
                if (cookie.substring(0, name.length + 1) == (name + '=')) {
                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                    break;
                }
            }
        }
        return cookieValue;
    }
};

具体用法如下:
1、设置cookie的值,比如我们要设置变量名为userid对应值为123的cookie,代码如下:
$.cookie('userid','123');
2、新建一个cookie,并设置cookie的有效期 路径 域名等,代码如下:
$.cookie('userid, '123', {expires: 7, path: '/', domain: 'jquery.com', secure: true});
注意:如果去掉后面{}的参数,新建后将以默认设置生效。
3、删除cookie,即把对应cookie值置为null,代码如下:
$.cookie('userid', null);
4、读取cookie,如读取变量名为userid的cookie值,代码如下:
var uId= $.cookie('userid');
怎么样,用jquery来操作cookie是不是很简单,你不用自己写太多的js,也不用为那些兼容性发愁,一切就这么顺利。

Javascript 相关文章推荐
JavaScript 高效运行代码分析
Mar 18 Javascript
锋利的jQuery 要点归纳(一) jQuery选择器
Mar 21 Javascript
放弃用你的InnerHTML来输出HTML吧 jQuery Tmpl不详细讲解
Apr 20 Javascript
JavaScript实现复制功能各浏览器支持情况实测
Jul 18 Javascript
javascript日期格式化示例分享
Mar 05 Javascript
js使用ajax读博客rss示例
May 06 Javascript
Vue.js中数组变动的检测详解
Oct 12 Javascript
原生js简单实现放大镜特效
May 16 Javascript
深入理解Vue 单向数据流的原理
Nov 09 Javascript
浅谈Vue.js路由管理器 Vue Router
Aug 16 Javascript
解决js相同的正则多次调用test()返回的值却不同的问题
Oct 10 Javascript
JavaScript实现文件下载并重命名代码实例
Dec 12 Javascript
javascript图片相似度算法实现 js实现直方图和向量算法
Jan 14 #Javascript
js动画效果制件让图片组成动画代码分享
Jan 14 #Javascript
利用JQuery制作符合Web标准的QQ弹出消息
Jan 14 #Javascript
js中opener与parent的区别详细解析
Jan 14 #Javascript
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
Jan 14 #Javascript
IE与FF下javascript获取网页及窗口大小的区别详解
Jan 14 #Javascript
JavaScript自定义日期格式化函数详细解析
Jan 14 #Javascript
You might like
PHP4引用文件语句的对比
2006/10/09 PHP
PHP 组件化编程技巧
2009/06/06 PHP
jQuery EasyUI API 中文文档 - DateBox日期框
2011/10/15 PHP
关于shopex同步ucenter的redirect问题,导致script不运行
2013/04/10 PHP
微信营销平台系统?刮刮乐的开发
2014/06/10 PHP
PHP将HTML转换成文本的实现代码
2015/01/21 PHP
php创建多级目录的方法
2015/03/24 PHP
非常重要的php正则表达式详解
2016/01/04 PHP
JQuery实现倒计时按钮的实现代码
2012/03/23 Javascript
HTML5使用DeviceOrientation实现摇一摇功能
2015/06/05 Javascript
jQuery根据元素值删除数组元素的方法
2015/06/24 Javascript
JS实现带有抽屉效果的产品类网站多级导航菜单代码
2015/09/15 Javascript
BootStrap中Datepicker控件带中文的js文件
2016/08/10 Javascript
详解Javascript中的原型OOP
2016/10/12 Javascript
基于JS+HTML实现弹窗提示是否确认提交功能
2020/06/17 Javascript
vue使用过滤器格式化日期
2021/01/20 Vue.js
python中reduce()函数的使用方法示例
2017/09/29 Python
Python3 处理JSON的实例详解
2017/10/29 Python
python机器学习实战之树回归详解
2017/12/20 Python
Python实现批量读取图片并存入mongodb数据库的方法示例
2018/04/02 Python
flask-restful使用总结
2018/12/04 Python
python小程序实现刷票功能详解
2019/07/17 Python
python 字符串追加实例
2019/07/20 Python
如何给Python代码进行加密
2020/01/10 Python
Python新手学习装饰器
2020/06/04 Python
keras 使用Lambda 快速新建层 添加多个参数操作
2020/06/10 Python
美国领先的户外服装与装备用品店:Moosejaw
2016/08/25 全球购物
摩顿布朗英国官方网上商店:奢华沐浴、身体和头发护理
2016/10/29 全球购物
日本酒店、民宿、温泉旅馆、当地旅行团中文预订:e路东瀛
2019/12/09 全球购物
大学生毕业自我评价范文分享
2013/11/11 职场文书
高中课程设置方案
2014/05/28 职场文书
艺术学院毕业生自荐信
2014/07/05 职场文书
上党课的心得体会
2014/09/02 职场文书
课程设计的心得体会
2014/09/03 职场文书
2015年公务员试用期工作总结
2015/05/28 职场文书
《蓝鲸的眼睛》读后感5篇
2020/01/15 职场文书