今天在公司做一个菜单,要用到cookie,找了一下,发现一个jQuery插件,发现简单实用,共享给大家

jQuery操作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(); // use expires attribute, max-age is not supported by IE
        }
        // CAUTION: Needed to parenthesize options.path and options.domain
        // in the following expressions, otherwise they evaluate to undefined
        // in the packed version for some reason...
        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 { // only name given, get cookie
        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]);
                // Does this cookie string begin with the name we want?
                if (cookie.substring(0, name.length + 1) == (name + '=')) {
                    cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                    break;
                }
            }
        }
        return cookieValue;
    }
};
我们不Hack软件,我们只是优秀软件的搬运工。
麦氪搜(iMacso.com) » JQuery操作cookie插件