jquery cookie插件

作者：编程知识库发布：2011-05-03 分类：Jquery,前端阅读：4,530次

JQuery居然没有操作cookie相关的函数，搜了下官方有个cookie的插件。

简单使用方法：

<html>

   <head>

     <title>JQuery-Cookie插件</title>

     <script type="text/javascript" src="jquery-1.4.js"></script>

     <script type="text/javascript" src="jquery.cookie.js"></script>

   </head>

   <body>

     <a href="#">设置cookie1</a><br>

     <a href="#">设置cookie2</a><br>

     <a href="#">获取cookie</a><br>

     <a href="#">删除cookie</a><br>

   </body>

</html>

<script type="text/javascript">

$(function(){

    var COOKIE_NAME = 'test_cookie';

    //设置cookie，通过时间间隔

    $('a').eq(0).click(function() {

        $.cookie(COOKIE_NAME, 'test', { path: '/', expires: 1 });

        return false;

    });

    // 设置cookie，到期时间

    $('a').eq(1).click(function() {

        var date = new Date();

        date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000));

        $.cookie(COOKIE_NAME, 'test', { path: '/', expires: date });

        return false;

    });

    // 获取 cookie

    $('a').eq(2).click(function() {

        alert($.cookie(COOKIE_NAME));

        return false;

    });

    // 删除cookie

    $('a').eq(3).click(function() {

        $.cookie(COOKIE_NAME, null, { path: '/' });

        return false;

    });

});

</script>

插件的源代码也很简单：

jQuery.cookie = function(name, value, options) {

    if (typeof value != 'undefined') { // name and value given, set cookie

        options = options || {};

        if (value === null) {

            value = '';

            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;

    }

};

转载请注明：jquery cookie插件 - 编程知识库

该文章由编程知识库发于2011年05月03日发表在Jquery, 前端分类下，你可以至底部留下评论。

原创文章转载请注明: jquery cookie插件 | 编程知识库

关键字: cookie插件, jquery, jquery cookie, jquery cookie使用, jquery cookie插件, jquery cookie用法, jquery cookie读写, jquery.cookie.js, jquery删除cookie, jquery插件, jquery获取cookie, jquery设置cookie到期时间, 删除cookie, 前端开发, 获取cookie, 设置cookie到期时间, 设置cookie时间间隔, 郑州前端开发

上一篇：用谷歌浏览器来模拟手机浏览器

下一篇：HTML字符实体和转义字符串

您可能还会对这些文章感兴趣

雷军22年前写的程序代码保准你没见过！

作为小米科技的创始人、董事长和首席执行官，雷军的名字如雷贯耳。上午W3Cschool发布了一篇“刘强东的代码水平如何”(有兴趣的可以点击右上角关注我们)的文章，有网友在下面回复“代码只服雷军”。这个回复吸引了W3Cschool的注...
只会用jQuery前端到底low不low?

如果你之前没有看过我的《前端工程师如何月薪过4万》这里建议大家仔细读读一下，因为里面有整个前端工程师成长的技术路线图和我的故事。同时很多小伙伴问我的学历后来没再考考么，我是考了成考的北京航空航天大学，也马上快...
UED原型设计工具Axure汉化版

Axure汉化版已经发布，版本号Axure 5.1.0.1699，下面是截图效果 Axure汉化版文件下载地址：Axure汉化补丁 Axure RP pro 5.1.0.1699 下载地址注册用户名：Axure 序列...
百度公共DNS无劫持IP 从此上网无阻

今天百度推出公共DNS服务，IP地址为180.76.76.76，号称拥有遍布全国的递归出口节点，可以做到更稳定，纯净无劫持等。 DNS在现有整个互联网基础架构中也扮演着流量”调度员”、”指引员”的角色。尽管已经有超过30年历史,DNS仍...
小伙打造网站媒体帝国月访问量4500万

　　BI中文站 6月7日报道艾默生·斯帕茨(Emerson Spartz)今年28岁，已婚，是Spartz Inc公司的首席执行官。Spartz Inc是一个网站媒体帝国，旗下的30多家网站专门发布有趣、励志和让人感到不可思议的文章和帖子，其分享量非常...

jquery cookie插件

您可能还会对这些文章感兴趣

大家正在看

推荐阅读

全部分类

本月热门