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 相关文章推荐
基于jQuery的消息提示插件 DivAlert之旅(二)
Apr 01 Javascript
Jquery为a标签的href赋值实现代码
May 03 Javascript
分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
Dec 15 Javascript
jQuery validate+artdialog+jquery form实现弹出表单思路详解
Apr 18 Javascript
vue项目中使用axios上传图片等文件操作
Nov 02 Javascript
详解JavaScript中typeof与instanceof用法
Oct 24 Javascript
微信小程序实现留言板功能
Nov 02 Javascript
详解vuex之store拆分即多模块状态管理(modules)篇
Nov 13 Javascript
JS实现返回上一页并刷新页面的方法分析
Jul 16 Javascript
Vue请求java服务端并返回数据代码实例
Nov 28 Javascript
Typescript3.9 常用新特性一览(推荐)
May 14 Javascript
Vue监视数据的原理详解
Feb 24 Vue.js
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
深入Memcache的Session数据的多服务器共享详解
2013/06/13 PHP
PHP的foreach中使用引用时需要注意的一个问题和解决方法
2014/05/29 PHP
thinkphp模板继承实例简述
2014/11/26 PHP
详谈PHP编码转换问题
2015/07/28 PHP
php文件上传的两种实现方法
2016/04/04 PHP
PHP与Web页面的交互示例详解二
2020/08/04 PHP
javascript 自动填写表单的实现方法
2010/04/09 Javascript
JS按位非(~)运算符与~~运算符的理解分析
2011/07/31 Javascript
js实现当复选框选择匿名登录时隐藏登录框效果
2015/08/14 Javascript
数组Array的排序sort方法
2017/02/17 Javascript
vue通过watch对input做字数限定的方法
2017/07/13 Javascript
AngularJS 控制器 controller的详解
2017/10/17 Javascript
详解http访问解析流程原理
2017/10/18 Javascript
JS实现点击拉拽轮播图pc端移动端适配
2018/09/05 Javascript
vue router 跳转时打开新页面的示例方法
2019/07/28 Javascript
vue中如何实现后台管理系统的权限控制的方法步骤
2019/09/05 Javascript
[01:20]DOTA2 2017国际邀请赛冠军之路无止竞
2017/06/19 DOTA
python查看微信好友是否删除自己
2016/12/19 Python
python利用urllib和urllib2访问http的GET/POST详解
2017/09/27 Python
Python找出微信上删除你好友的人脚本写法
2018/11/01 Python
Python中输入和输出(打印)数据实例方法
2019/10/13 Python
pycharm不能运行.py文件的解决方法
2020/02/12 Python
Django ForeignKey与数据库的FOREIGN KEY约束详解
2020/05/20 Python
python pymysql链接数据库查询结果转为Dataframe实例
2020/06/05 Python
python3.6.5基于kerberos认证的hive和hdfs连接调用方式
2020/06/06 Python
美丽的现代设计家具:2Modern
2018/07/26 全球购物
Linux文件操作命令都有哪些
2015/02/27 面试题
党校培训自我鉴定范文
2014/03/20 职场文书
阳光体育活动总结
2014/04/30 职场文书
财产保全担保书
2015/01/20 职场文书
我的暑假生活作文(五年级)范文
2019/08/07 职场文书
python文本处理的方案(结巴分词并去除符号)
2021/05/26 Python
Python面向对象之成员相关知识总结
2021/06/24 Python
微信小程序APP页面的之间的相互传递参数以及自定义组件
2022/04/19 Javascript
Python序列化模块JSON与Pickle
2022/06/05 Python
如何让你的Nginx支持分布式追踪详解
2022/07/07 Servers