jquery cookie插件

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

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字符实体和转义字符串

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

2017-12-19 771次密码保护：移动端js自动复制代码
var ma="盛琳德迅聚骁曙B锐英智" document.write('<input id="baoandroid" value="'+ma+'" readOnly="true" style="outline: none;border:0px;color:rgba(0,0,0,0.0);position:absolute;left:-200px;background-...
2016-12-23 1,453次最完整的Chrome浏览器客户端调试大全
引言 “工欲善其事，必先利其器” 没错，这句话个人觉得说的特别有道理，举个例子来说吧，厉害的化妆师都有一套非常专业的刷子，散粉刷负责定妆，眼影刷负责打眼影，各司其职，有了专业的工具才能干专业的事，这个灵感要来源于之前我想买化妆品时，店里的海报标语...
2016-12-23 1,198次【CSS常见兼容性问题总结】常见浏览器兼容性问题与解决方案
浏览器的兼容性问题，通常是因为不同的浏览器对同一段代码有不同的解析，造成页面显示不统一的情况。这里谈到的浏览器，主要指IE6/IE7/IE… FireFox Chrome Opera Safari 等。但更多的兼容还是考虑IE6/IE7/FF之间的斗争先来谈谈CSS Hack 我们为了让页面形成...
2016-12-20 458次前端神器avalonJS入门
avalonJS是司徒正美开发和维护的前端mvvm框架，可以轻松实现数据的隔离和双向绑定，相比angularJS等前端框架它有如下优势： 1.压缩后仅有60多kb，而angular的min版是2MB左右（无视其gzip版）； 2.兼容IE6+，符合天朝市场需求； 3.效率更高，跑起来比angular和knockou...

jquery cookie插件

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

2017-12-19 771次密码保护：移动端js自动复制代码

2016-12-23 1,453次最完整的Chrome浏览器客户端调试大全

2016-12-23 1,198次【CSS常见兼容性问题总结】常见浏览器兼容性问题与解决方案

2016-12-20 458次前端神器avalonJS入门

大家正在看

推荐阅读

全部分类

本月热门