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 相关文章推荐
获取3个数组不重复的值的具体实现
Dec 30 Javascript
javascript+html5实现绘制圆环的方法
Jul 28 Javascript
jquery仅用6行代码实现滑动门效果
Sep 07 Javascript
老生常谈Javascript中的原型和this指针
Oct 09 Javascript
使用node.js搭建服务器
May 20 Javascript
canvas+gif.js打造自己的数字雨头像的示例代码
Oct 26 Javascript
vue使用jsonp抓取qq音乐数据的方法
Jun 21 Javascript
vue基于element的区间选择组件
Sep 07 Javascript
如何让微信小程序页面之间的通信不再变困难
Jun 03 Javascript
如何使用CSS3+JQuery实现悬浮墙式菜单
Jun 18 jQuery
weui中的picker使用js进行动态绑定数据问题
Nov 06 Javascript
Javascript Symbol原理及使用方法解析
Oct 22 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
采用ThinkPHP中F方法实现快速缓存实例
2014/06/13 PHP
PHP获取文件行数的方法
2015/06/10 PHP
PHP的中使用非缓冲模式查询数据库的方法
2017/02/05 PHP
网页自动刷新,不产生嗒嗒声的一个解决方法
2007/03/27 Javascript
用Javascript实现Windows任务管理器的代码
2012/03/27 Javascript
jquery ajax 调用失败的原因示例介绍
2013/09/27 Javascript
JS与C#编码解码
2013/12/03 Javascript
再谈javascript原型继承
2014/11/10 Javascript
谷歌浏览器调试JavaScript小技巧
2014/12/29 Javascript
JavaScript中的数学运算介绍
2014/12/29 Javascript
Nodejs中session的简单使用及通过session实现身份验证的方法
2016/02/04 NodeJs
jQuery+CSS3+Html5实现弹出层效果实例代码(附源码下载)
2016/05/16 Javascript
AngularJS ng-style中使用filter
2016/09/21 Javascript
vue下history模式刷新后404错误解决方法
2018/08/18 Javascript
axios取消请求的实践记录分享
2018/09/26 Javascript
JS实现的对象去重功能示例
2019/06/04 Javascript
ES6扩展运算符和rest运算符用法实例分析
2020/05/23 Javascript
vue 使用async写数字动态加载效果案例
2020/07/18 Javascript
vue 页面回退mounted函数不执行的解决方案
2020/07/26 Javascript
[00:32]2018DOTA2亚洲邀请赛VG出场
2018/04/03 DOTA
python基础教程之循环介绍
2014/08/29 Python
使用PyCharm配合部署Python的Django框架的配置纪实
2015/11/19 Python
Python中的FTP通信模块ftplib的用法整理
2016/07/08 Python
详解Python装饰器由浅入深
2016/12/09 Python
python实现雨滴下落到地面效果
2018/06/21 Python
Python pandas.DataFrame调整列顺序及修改index名的方法
2019/06/21 Python
Django Rest framework解析器和渲染器详解
2019/07/25 Python
解决python明明pip安装成功却找不到包的问题
2019/08/28 Python
Python编程快速上手——strip()函数的正则表达式实现方法分析
2020/02/29 Python
python 如何调用远程接口
2020/09/11 Python
四川成都导游欢迎词
2014/01/18 职场文书
2015年八一建军节活动总结
2015/03/20 职场文书
2015年教师节主持词
2015/07/03 职场文书
工作总结之小学教师体育工作范文(3篇)
2019/10/07 职场文书
vue如何批量引入组件、注册和使用详解
2021/05/12 Vue.js
Python OpenCV超详细讲解基本功能
2022/04/02 Python