一款简单、轻量级、实用的jquery cookie插件

这的确是一款简单、轻量级、实用的jquery cookie插件,因为整个插件未压缩情况下只有4KB左右,压缩后还没有你网站上的一个小图标的大小大!

Jquery网站上地址为:http://plugins.jquery.com/project/cookie

下面是一个示例: 先看页面HTML代码:

            <a href="#">Set cookie (by number of days == 10)</a><br>
            <a href="#">Set cookie (by date == 3 days)</a><br>
            <a href="#">Get cookie</a><br>
            <a href="#">Delete cookie</a><br>
 
            <a href="#">Set additional cookie</a><br>
            <a href="#">Get additional cookie</a><br>
            <a href="#">Delete additional cookie</a>

下面是JS代码:

	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
        <script src="jquery.cookie.js"></script>
        <script>
            $(function() {
                var COOKIE_NAME = 'test_cookie';
                var ADDITIONAL_COOKIE_NAME = 'additional';
                var options = { path: '/', expires: 10 };
 
                // set cookie by number of days
                $('a').eq(0).click(function() {
                    $.cookie(COOKIE_NAME, 'test', options);
                    return false;
                });
 
                // set cookie by date
                $('a').eq(1).click(function() {
                    var date = new Date();
                    date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000));
                    $.cookie(COOKIE_NAME, 'test', { path: '/', expires: date });
                    return false;
                });
 
                // get cookie
                $('a').eq(2).click(function() {
                    alert($.cookie(COOKIE_NAME));
                    return false;
                });
 
                // delete cookie
                $('a').eq(3).click(function() {
                    $.cookie(COOKIE_NAME, null, options);
                    return false;
                });
 
                // set a second cookie
                $('a').eq(4).click(function() {
                    $.cookie(ADDITIONAL_COOKIE_NAME, 'äöüß;foo=bar', { expires: 10 });
                    return false;
                });
 
                // get second cookie
                $('a').eq(5).click(function() {
                    alert($.cookie(ADDITIONAL_COOKIE_NAME));
                    return false;
                });
 
                // delete second cookie
                $('a').eq(6).click(function() {
                    $.cookie(ADDITIONAL_COOKIE_NAME, null);
                    return false;
                });
            });
        </script>

是不是非常简单?

13 Responses to “一款简单、轻量级、实用的jquery cookie插件”

  1. xiaocai CHINA Internet Explorer Windows says:

    不错正需要它

    [Reply]

  2. 天毅 CHINA Mozilla Firefox Windows says:

    在学php,又看到js,我的头真的不疼……

    [Reply]

    久酷 AUSTRALIA Mozilla Firefox Windows Reply:

    @天毅, 我php java js css 都在搞……………..

    [Reply]

  3. Bee君 CHINA Google Chrome Windows says:

    这个东西?是记录cookie麽?

    [Reply]

    久酷 CHINA Mozilla Firefox Windows Reply:

    @Bee君, 操作cookie,包括写入 取出 删除等操作

    [Reply]

  4. 感觉用不上…

    [Reply]

  5. BoKeam CHINA Google Chrome Windows says:

    这个有什么用?

    [Reply]

    久酷 CHINA Mozilla Firefox Linux Reply:

    @BoKeam, 记录用户登录访问网站信息的

    [Reply]

  6. 久酷 CHINA Mozilla Firefox Linux says:

    @HJin_me: 呃,啥是企鹅操作系统? 哈哈,反正跟腾讯无关

    [Reply]

  7. HJin_me CHINA Google Chrome Windows says:

    没有必要啥都jquery吧~这个直接raw方法就能够搞定

    [Reply]

    久酷 CHINA Mozilla Firefox Linux Reply:

    @HJin_me, 重要数据服务器端写入,其他的在jquery引入的情况下 当然首先考虑这个了,更简单 、更方便

    [Reply]

    HJin_me CHINA Internet Explorer Windows Reply:

    @久酷, 哇你都用企鹅操作系统了啊~~看我,还是xp+ie6

    [Reply]

Leave a Reply

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!:


正在读取数据……