Jquery对Cookie的操作

第一步：先引用jQuery的插件jquery-1.9.1.min.js

第二步：引用jquery.cookie.js插件

下对cookie的操作：

$.cookie("cookieName", "cookieValue", { expires: 10, //有效日期  以 天 为单位 如果此项未设置则 浏览器关闭时就失效
                    path: "/" //cookie的路径
　　　　　　　　　　　 //,secure:true  //默认值：false。如果为true，cookie的传输需要使用安全协议（HTTPS）

                });


 var cookieVal = $.cookie("cookieName"); //读cookie
                alert(cookieVal);

$.cookie("cookieName","CookieVal"); //设置cookie值，如果没有名称为cookieName 的cookie则创建

$.cookie("cookieName",null); //删除cookie值

比较完整的代码：

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <title></title>
 5     <script src="Js/jquery-1.9.1.min.js" type="text/javascript"></script>
 6     <script src="jquery.cookie.js" type="text/javascript"></script>
 7     <script type="text/javascript">
 8         $(function () {
 9             $("#CreateCookie").click(function () {  //写cookie
10                 $.cookie("cookieName", "cookieValue", { expires: 10, //有效日期  以 天 为单位 如果此项未设置则 浏览器关闭时就失效
11                     path: "/", //cookie的路径
12                 });
13             });
14 
15             $("#readCookie").click(function () {
16                 var cookieVal = $.cookie("cookieName"); //读cookie
17                 alert(cookieVal);
18             });
19 
20             $("#setCookieVal").click(function () {
21                 $.cookie("cookieName","CookieVal"); //设置cookie值，如果没有名称为cookieName 的cookie则创建
22             });
23 
24             $("#delCookieVal").click(function () {
25                 $.cookie("cookieName",null); //删除cookie值
26             });
27 
28         });
29     </script>
30 </head>
31 <body>
32     <input type="button"  />
33     <input type="button"  />
34     <input type="button"  />
35     <input type="button"  />
36 </body>
37 </html>

View Code