案例实现jquery.cookie的操作

最新推荐文章于 2018-12-26 15:07:46 发布

GoodShot

最新推荐文章于 2018-12-26 15:07:46 发布

阅读量4k

点赞数 1

分类专栏： Jquery 文章标签： jquery cookie 插件

本文链接：https://blog.csdn.net/GoodShot/article/details/42023661

版权

Jquery 专栏收录该内容

93 篇文章 0 订阅

订阅专栏

案例实现jquery.cookie的操作

【1】先下载jquery.cookie插件：http://download.csdn.net/download/goodshot/8276243

【2】安装插件

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

【3】网页部分

<body>
  <a href="">first</a>
  <a href="">second</a>
  <a href="">third</a>
  <a href="">fourth</a>
</body>

【4】功能实现

$(function(){  
     var COOKIE_NAME = 'test_cookie';  
     //设置cookie，通过时间间隔  
     $('a').eq(0).click(function () {      
         $.cookie('cookieName', 'cookieValue', { 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('cookieName', 'cookieValue', { path: '/', expires: date });  
         return false;  
     });  
     // 获取 cookie  
     $('a').eq(2).click(function () {

         alert($.cookie('cookieName'));  
         return false;  
     });  
     // 删除cookie  
     $('a').eq(3).click(function() {
         $.cookie('cookieName', null, { path: '/' });  
         return false;  
     });  
});  
</script>