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里使用Dom操作Xml
Sep 20 Javascript
js一般方法改写成面向对象方法的无限级折叠菜单示例代码
Jul 04 Javascript
jQuery中innerHeight()方法用法实例
Jan 19 Javascript
js焦点文字滚动效果代码分享
Aug 25 Javascript
jQuery实现可关闭固定于底(顶)部的工具条菜单效果
Nov 06 Javascript
JavaScript类型系统之正则表达式
Jan 05 Javascript
15位和18位身份证JS校验的简单实例
Jul 18 Javascript
Vue中fragment.js使用方法详解
Mar 09 Javascript
p5.js入门教程之图片加载
Mar 20 Javascript
JS常见错误(Error)及处理方案详解
Jul 02 Javascript
原生JS实现相邻月份日历
Oct 13 Javascript
JavaScript异步操作中串行和并行
Nov 20 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获取网络上文件
2006/10/09 PHP
防止本地用户用fsockopen DDOS攻击对策
2011/11/02 PHP
实用的PHP带公钥加密类分享(每次加密结果都不一样哦)
2014/08/20 PHP
php实现二进制和文本相互转换的方法
2015/04/18 PHP
Laravel中10个有用的用法小结
2019/05/06 PHP
js继承的实现代码
2010/08/05 Javascript
一个可拖拽列宽表格实例演示
2012/11/26 Javascript
js判断数据类型如判断是否为数组是否为字符串等等
2014/01/15 Javascript
二叉树的非递归后序遍历算法实例详解
2014/02/07 Javascript
超棒的响应式布局jQuery插件Freetile.js
2014/11/17 Javascript
js实现使用鼠标拖拽切换图片的方法
2015/05/04 Javascript
使用javascript提交form表单方法汇总
2015/06/25 Javascript
浅谈Javascript数组索引
2015/07/29 Javascript
jquery插件pagination实现无刷新ajax分页
2015/09/30 Javascript
jQuery移动端图片上传组件
2016/06/12 Javascript
Vue数据驱动模拟实现5
2017/01/13 Javascript
javascript 单例模式详解及简单实例
2017/02/14 Javascript
Angularjs中的ui-bootstrap的使用教程
2017/02/19 Javascript
图解Javascript——作用域、作用域链、闭包
2017/03/21 Javascript
JS实现运动缓冲效果的封装函数示例
2018/02/18 Javascript
Vue中使用Sortable的示例代码
2018/04/07 Javascript
浅谈Webpack核心模块tapable解析
2018/09/11 Javascript
antd组件Upload实现自己上传的实现示例
2018/12/18 Javascript
使用post方法实现json往返传输数据的方法
2019/03/30 Javascript
浅谈layui 绑定form submit提交表单的注意事项
2019/10/25 Javascript
vue移动端使用appClound拉起支付宝支付的实现方法
2019/11/21 Javascript
python使用PyFetion来发送短信的例子
2014/04/22 Python
简单谈谈Python中的json与pickle
2017/07/19 Python
Python单例模式的两种实现方法
2017/08/14 Python
python使用SMTP发送qq或sina邮件
2017/10/21 Python
Python实现发送与接收邮件的方法详解
2018/03/28 Python
Python 利用切片从列表中取出一部分使用的方法
2019/02/01 Python
详解python做UI界面的方法
2019/02/27 Python
Pandas之ReIndex重新索引的实现
2019/06/25 Python
django 微信网页授权登陆的实现
2019/07/30 Python
MySQL中优化SQL语句的方法(show status、explain分析服务器状态信息)
2022/04/09 MySQL