案例实现jquery.cookie的操作

来源:互联网 发布:知乎周刊在哪看 编辑:程序博客网 时间:2024/06/05 21:51

案例实现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>





1 0
原创粉丝点击