zl程序教程

您现在的位置是:首页 >  前端

当前栏目

jquery操作cookie插件分享

jQueryCookie插件 操作 分享
2023-06-13 09:15:15 时间

插件的源代码如下:

复制代码代码如下:


jQuery.cookie=function(name,value,options){
   if(typeofvalue!="undefined"){
       options=options||{};
       if(value===null){
           value="";
           options=$.extend({},options);
           options.expires=-1;
       }
       varexpires="";
       if(options.expires&&(typeofoptions.expires=="number"||options.expires.toUTCString)){
           vardate;
           if(typeofoptions.expires=="number"){
               date=newDate();
               date.setTime(date.getTime()+(options.expires*24*60*60*1000));
           }else{
               date=options.expires;
           }
           expires=";expires="+date.toUTCString();
       }
       varpath=options.path?";path="+(options.path):"";
       vardomain=options.domain?";domain="+(options.domain):"";
       varsecure=options.secure?";secure":"";
       document.cookie=[name,"=",encodeURIComponent(value),expires,path,domain,secure].join("");
   }else{
       varcookieValue=null;
       if(document.cookie&&document.cookie!=""){
           varcookies=document.cookie.split(";");
           for(vari=0;i<cookies.length;i++){
               varcookie=jQuery.trim(cookies[i]);
               if(cookie.substring(0,name.length+1)==(name+"=")){
                   cookieValue=decodeURIComponent(cookie.substring(name.length+1));
                   break;
               }
           }
       }
       returncookieValue;
   }
};

具体用法如下:
1、设置cookie的值,比如我们要设置变量名为userid对应值为123的cookie,代码如下:
$.cookie("userid","123");
2、新建一个cookie,并设置cookie的有效期路径域名等,代码如下:
$.cookie("userid,"123",{expires:7,path:"/",domain:"jquery.com",secure:true});
注意:如果去掉后面{}的参数,新建后将以默认设置生效。
3、删除cookie,即把对应cookie值置为null,代码如下:
$.cookie("userid",null);
4、读取cookie,如读取变量名为userid的cookie值,代码如下:
varuId=$.cookie("userid");
怎么样,用jquery来操作cookie是不是很简单,你不用自己写太多的js,也不用为那些兼容性发愁,一切就这么顺利。