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 相关文章推荐
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
Aug 09 Javascript
php对mongodb的扩展(小试牛刀)
Nov 11 Javascript
JavaScript使用Replace进行字符串替换的方法
Apr 14 Javascript
基于JavaScript代码实现随机漂浮图片广告
Jan 05 Javascript
javascript中apply、call和bind的使用区别
Apr 05 Javascript
基于jQuery实现的查看全文功能【实用】
Dec 11 Javascript
jQuery图片拖动组件Dropzone用法示例
Jan 17 Javascript
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
May 01 jQuery
基于node.js制作简单爬虫教程
Jun 29 Javascript
Vue精简版风格指南(推荐)
Jan 30 Javascript
vue移动端屏幕适配详解
Apr 30 Javascript
node.js使用 http-proxy 创建代理服务器操作示例
Feb 10 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者的疑难问答(1)
2006/10/09 PHP
jquery不支持toggle()高(新)版本的问题解决
2016/09/24 PHP
Yii框架安装简明教程
2020/05/15 PHP
js保存当前路径(cookies记录)
2010/12/14 Javascript
ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
2012/01/13 Javascript
js DOM 元素ID就是全局变量
2012/09/20 Javascript
javascript学习(二)javascript常见问题总结
2013/01/02 Javascript
解决css和js的{}与smarty定界符冲突问题的两种方法
2013/09/10 Javascript
图片动画横条广告带上下滚动的JS代码
2013/10/25 Javascript
jQuery中:input选择器用法实例
2015/01/03 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形菜单
2015/11/30 Javascript
全面解析Bootstrap图片轮播效果
2015/12/03 Javascript
jQuery form插件的使用之处理server返回的JSON, XML,HTML数据
2016/01/26 Javascript
jQuery图片轮播插件——前端开发必看
2016/05/31 Javascript
NodeJS爬虫实例之糗事百科
2017/12/14 NodeJs
bootstrap table表格插件之服务器端分页实例代码
2018/09/12 Javascript
解决vue-cli webpack打包开启Gzip 报错问题
2019/07/24 Javascript
vue实现树形结构样式和功能的实例代码
2019/10/15 Javascript
[52:26]完美世界DOTA2联赛决赛 FTD vs Phoenix 第一场 11.08
2020/11/11 DOTA
Python with用法实例
2015/04/14 Python
在Python中操作文件之truncate()方法的使用教程
2015/05/25 Python
Django在win10下的安装并创建工程
2017/11/20 Python
python学生信息管理系统(初级版)
2018/10/17 Python
Python脚本破解压缩文件口令实例教程(zipfile)
2020/06/14 Python
为什么python比较流行
2020/06/19 Python
HTML5实现多张图片上传功能
2016/03/11 HTML / CSS
Java中的基本数据类型所占存储空间大小固定的吗
2012/02/15 面试题
校运会入场式解说词
2014/02/10 职场文书
《唯一的听众》教学反思
2014/02/20 职场文书
《闻一多先生的说和做》教学反思
2014/04/28 职场文书
促销活动总结怎么写
2014/06/25 职场文书
2014医学院领导干部四风对照检查材料思想汇报
2014/09/16 职场文书
幼师大班个人总结
2015/02/13 职场文书
幼儿园园长安全责任书
2015/05/08 职场文书
成绩单家长意见
2015/06/03 职场文书
小学语文继续教育研修日志
2015/11/13 职场文书