1. 程式人生 > >案例實現jquery.cookie的操作

案例實現jquery.cookie的操作

案例實現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】功能實現 

<script type="text/javascript">  

$(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>