JQuery:cookie插件
JQuery居然没有操作cookie相关的函数,搜了下官方有个cookie的插件。
简单使用方法:
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
1 <html>
2 <head>
3 <title>JQuery-Cookie插件</title>
4 <script type="text/javascript" src="jquery-1.4.js"></script>
5 <script type="text/javascript" src="jquery.cookie.js"></script>
6 </head>
7 <body>
8 <a href="#">设置cookie1</a><br>
9 <a href="#">设置cookie2</a><br>
10 <a href="#">获取cookie</a><br>
11 <a href="#">删除cookie</a><br>
12 </body>
13 </html>
14 <script type="text/javascript">
15 $(function(){
16 var COOKIE_NAME = 'test_cookie';
17 //设置cookie,通过时间间隔
18 $('a').eq(0).click(function() {
19 $.cookie(COOKIE_NAME, 'test', { path: '/', expires: 1 });
20 return false;
21 });
22 // 设置cookie,到期时间
23 $('a').eq(1).click(function() {
24 var date = new Date();
25 date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000));
26 $.cookie(COOKIE_NAME, 'test', { path: '/', expires: date });
27 return false;
28 });
29 // 获取 cookie
30 $('a').eq(2).click(function() {
31 alert($.cookie(COOKIE_NAME));
32 return false;
33 });
34 // 删除cookie
35 $('a').eq(3).click(function() {
36 $.cookie(COOKIE_NAME, null, { path: '/' });
37 return false;
38 });
39 });
40 </script>
41
42
2 <head>
3 <title>JQuery-Cookie插件</title>
4 <script type="text/javascript" src="jquery-1.4.js"></script>
5 <script type="text/javascript" src="jquery.cookie.js"></script>
6 </head>
7 <body>
8 <a href="#">设置cookie1</a><br>
9 <a href="#">设置cookie2</a><br>
10 <a href="#">获取cookie</a><br>
11 <a href="#">删除cookie</a><br>
12 </body>
13 </html>
14 <script type="text/javascript">
15 $(function(){
16 var COOKIE_NAME = 'test_cookie';
17 //设置cookie,通过时间间隔
18 $('a').eq(0).click(function() {
19 $.cookie(COOKIE_NAME, 'test', { path: '/', expires: 1 });
20 return false;
21 });
22 // 设置cookie,到期时间
23 $('a').eq(1).click(function() {
24 var date = new Date();
25 date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000));
26 $.cookie(COOKIE_NAME, 'test', { path: '/', expires: date });
27 return false;
28 });
29 // 获取 cookie
30 $('a').eq(2).click(function() {
31 alert($.cookie(COOKIE_NAME));
32 return false;
33 });
34 // 删除cookie
35 $('a').eq(3).click(function() {
36 $.cookie(COOKIE_NAME, null, { path: '/' });
37 return false;
38 });
39 });
40 </script>
41
42
插件的源代码也很简单:
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
1 jQuery.cookie = function(name, value, options) {
2 if (typeof value != 'undefined') { // name and value given, set cookie
3 options = options || {};
4 if (value === null) {
5 value = '';
6 options.expires = -1;
7 }
8 var expires = '';
9 if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
10 var date;
11 if (typeof options.expires == 'number') {
12 date = new Date();
13 date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
14 } else {
15 date = options.expires;
16 }
17 expires = '; expires=' + date.toUTCString();
18 }
19 var path = options.path ? '; path=' + (options.path) : '';
20 var domain = options.domain ? '; domain=' + (options.domain) : '';
21 var secure = options.secure ? '; secure' : '';
22 document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
23 } else {
24 var cookieValue = null;
25 if (document.cookie && document.cookie != '') {
26 var cookies = document.cookie.split(';');
27 for (var i = 0; i < cookies.length; i++) {
28 var cookie = jQuery.trim(cookies[i]);
29 if (cookie.substring(0, name.length + 1) == (name + '=')) {
30 cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
31 break;
32 }
33 }
34 }
35 return cookieValue;
36 }
37 };
38
2 if (typeof value != 'undefined') { // name and value given, set cookie
3 options = options || {};
4 if (value === null) {
5 value = '';
6 options.expires = -1;
7 }
8 var expires = '';
9 if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
10 var date;
11 if (typeof options.expires == 'number') {
12 date = new Date();
13 date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
14 } else {
15 date = options.expires;
16 }
17 expires = '; expires=' + date.toUTCString();
18 }
19 var path = options.path ? '; path=' + (options.path) : '';
20 var domain = options.domain ? '; domain=' + (options.domain) : '';
21 var secure = options.secure ? '; secure' : '';
22 document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
23 } else {
24 var cookieValue = null;
25 if (document.cookie && document.cookie != '') {
26 var cookies = document.cookie.split(';');
27 for (var i = 0; i < cookies.length; i++) {
28 var cookie = jQuery.trim(cookies[i]);
29 if (cookie.substring(0, name.length + 1) == (name + '=')) {
30 cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
31 break;
32 }
33 }
34 }
35 return cookieValue;
36 }
37 };
38