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 相关文章推荐
js 如何实现对数据库的增删改查
Nov 23 Javascript
使用jQuery异步加载 JavaScript脚本解决方案
Apr 20 Javascript
js判断手机和pc端选择不同执行事件的方法
Jan 30 Javascript
jquery仅用6行代码实现滑动门效果
Sep 07 Javascript
vue项目中做编辑功能传递数据时遇到问题的解决方法
Dec 19 Javascript
js数组与字符串常用方法总结
Jan 13 Javascript
拖动时防止选中
Feb 03 Javascript
node.js操作mongodb简单示例分享
May 25 Javascript
webpack 3.X学习之多页面打包的方法
Sep 04 Javascript
详解vue中localStorage的使用方法
Nov 22 Javascript
详解Angular中实现自定义组件的双向绑定的两种方法
Nov 23 Javascript
vue子路由跳转实现tab选项卡
Jul 24 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
php图片添加文字水印实现代码
2016/03/15 PHP
浅谈PHP中静态方法和非静态方法的相互调用
2016/10/04 PHP
详解php命令注入攻击
2019/04/06 PHP
javascript温习的一些笔记 基础常用知识小结
2011/06/22 Javascript
深入理解JavaScript系列(2) 揭秘命名函数表达式
2012/01/15 Javascript
js 遍历json返回的map内容示例代码
2013/10/29 Javascript
Jquery实现自定义tooltip示例代码
2014/02/12 Javascript
js charAt的使用示例
2014/02/18 Javascript
javascript中Number对象的toString()方法分析
2014/12/20 Javascript
浅谈Javascript中的Function与Object
2015/01/26 Javascript
javaScript实现可缩放的显示区效果代码
2015/10/26 Javascript
Bootstrap每天必学之表单
2015/11/23 Javascript
浅析Bootstrap验证控件的使用
2016/06/23 Javascript
Bootstrap表格制作代码
2017/03/17 Javascript
js移动端图片压缩上传功能
2020/08/18 Javascript
vue-cli3+typescript初体验小结
2019/02/28 Javascript
微信小程序事件 bindtap bindinput代码实例
2019/08/26 Javascript
js实现移动端吸顶效果
2020/01/08 Javascript
[03:17]2014DOTA2 国际邀请赛中国区预选赛 四强专访
2014/05/23 DOTA
[03:59]DOTA2英雄梦之声_第07期_水晶室女
2014/06/23 DOTA
[56:24]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#1Liquid VS MVP.Phx第二局
2016/03/04 DOTA
在Python中操作时间之strptime()方法的使用
2020/12/30 Python
python 多维切片之冒号和三个点的用法介绍
2018/04/19 Python
python提取具有某种特定字符串的行数据方法
2018/12/11 Python
python opencv 读取本地视频文件 修改ffmpeg的方法
2019/01/26 Python
对Python3中列表乘以某一个数的示例详解
2019/07/20 Python
python 使用while写猜年龄小游戏过程解析
2019/10/07 Python
详解Python list和numpy array的存储和读取方法
2019/11/06 Python
python+opencv3生成一个自定义纯色图教程
2020/02/19 Python
5行Python代码实现图像分割的步骤详解
2020/05/25 Python
英国最大线上综合鞋类商城:Office
2017/12/08 全球购物
Java基础面试题
2014/07/19 面试题
代码中finally中的代码会不会执行
2012/02/06 面试题
安全检查与奖惩制度
2014/01/23 职场文书
2014年中班元旦活动方案
2014/02/14 职场文书
使用Pytorch实现two-head(多输出)模型的操作
2021/05/28 Python