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 18 Javascript
jquery解析xml字符串示例分享
Mar 25 Javascript
js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动
Apr 29 Javascript
javascript 常见功能汇总
Jun 11 Javascript
JavaScript实现网页加载进度条代码超简单
Sep 21 Javascript
如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)
Feb 23 Javascript
html5+javascript实现简单上传的注意细节
Apr 18 Javascript
Angularjs为ng-click事件传递参数
Jun 15 Javascript
antd组件Upload实现自己上传的实现示例
Dec 18 Javascript
js前端面试之同步与异步问题详解
Apr 03 Javascript
微信小程序实现侧边栏分类
Oct 21 Javascript
vue 实现一个简单的全局调用弹窗案例
Sep 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
phpmyadmin3 安装配置图解教程
2012/03/29 PHP
PHP常用函数之格式化时间操作示例
2019/10/21 PHP
js获取元素在浏览器中的绝对位置
2010/07/24 Javascript
jquery parent和parents的区别分析
2013/10/02 Javascript
js解决弹窗问题实现班级跳转DIV示例
2014/01/06 Javascript
jQuery模拟新浪微博首页滚动效果的方法
2015/03/11 Javascript
JQuery中$.each 和$(selector).each()的区别详解
2015/03/13 Javascript
JQuery记住用户名密码实现下次自动登录功能
2015/04/27 Javascript
jQuery leonaScroll 1.1 自定义滚动条插件(推荐)
2016/09/17 Javascript
强大的 Angular 表单验证功能详细介绍
2017/05/23 Javascript
Vue父子模版传值及组件传值的三种方法
2017/11/27 Javascript
vue和webpack安装命令详解
2018/06/15 Javascript
vue+Vue Router多级侧导航切换路由(页面)的实现代码
2018/12/20 Javascript
react实现antd线上主题动态切换功能
2019/08/12 Javascript
js实现圆形显示鼠标单击位置
2020/02/11 Javascript
基于JS正则表达式实现模板数据动态渲染(实现思路详解)
2020/03/07 Javascript
Python开发实例分享bt种子爬虫程序和种子解析
2014/05/21 Python
Python实现数据库编程方法详解
2015/06/09 Python
python开发之函数定义实例分析
2015/11/12 Python
详解tensorflow训练自己的数据集实现CNN图像分类
2018/02/07 Python
Python Web编程之WSGI协议简介
2018/07/18 Python
python使用xlsxwriter实现有向无环图到Excel的转换
2018/12/12 Python
使用pandas库对csv文件进行筛选保存
2020/05/25 Python
CSS3教程(5):网页背景图片
2009/04/02 HTML / CSS
施华洛世奇天猫官方旗舰店:SWAROVSKI
2017/04/17 全球购物
纽约著名的服装辅料来源:M&J Trimming
2017/07/26 全球购物
Luxplus荷兰:以会员价购买美容产品等,独家优惠
2019/08/30 全球购物
对象的序列化(serialization)类是面向流的,应如何将对象写入到随机存取文件中
2015/06/22 面试题
研究生毕业鉴定
2014/01/29 职场文书
幼儿园教师国培感言
2014/02/02 职场文书
2014年迎新年活动方案
2014/02/19 职场文书
英语专业求职信
2014/07/08 职场文书
自主招生自荐信怎么写
2015/03/24 职场文书
学习社交礼仪心得体会
2016/01/22 职场文书
《去年的树》教学反思
2016/02/18 职场文书
windows系统搭建WEB服务器详细教程
2022/08/05 Servers