案例實現jquery.cookie的操作
阿新 • • 發佈:2019-02-16
案例實現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>