jqueryCookie的使用

cookie创建

基本方法(session cookie  临时cookie在浏览器关闭后会消失)

              $.cookie('名字',"值")

如果想要给cookie设置过期时间

              $.cookie('名字',"值",{expires:过期时间（天）,})

如果想要给特定页面（路径）设置cookie

               $.cookie("名字","值",{path:"路径"})

得到cookie

               $.cookie("名字")

删除cookie

               $.cookie('名字',null)

如果想要删除对应路径上的cookie

                $.cookie('名字',null,{path:"路径"})

cookie应用场景

                只要是你想要存储的值，在下次打开页面还可以得到的情况下可以使用cookie

cookie可以将一些值保存在本地，本地可以通过$.cookie去获取到对应的值

---

jsCookie的封装

想要封装cookie方法，就要了解怎么用js去添加cookie，以及获取cookie。

            怎么才能添加cookie？

            js代码：document.cookie=“name=张三”；

其中name是key，张三就是其对应的value，在localhost下就可以查看到有一条临时cookie了

            怎么才能获取到cookie呢？

            js代码：var cookie=document.cookie;

这样就能够获取到所有的cookie了,获取到的格式为“key1=value1;+空格key2=value2"（这里就添加两个cookie,可自行尝试）,获取其指定value需要先将cookie转成数组，并且去掉空格，将后面的值切出，下面看代码：

var cookie=document.cookie;//获取到所有的cookie值

cookie=cookie.split(";")//这里的将得到的字符串进行以"；"切割，得到一个数组

for(var i=0;i<cookie.length;i++){  //循环cookie(上面的操作将cookie分割成了数组)

              cookie[i]=cookie[i].trim() //这里是循环cookie数组，将里面的空格去除掉

}

console.log(cookie[0].name)

经过上面的过程就可以获取到相应的cookie的值了

---

下面进行添加和获取cookie的封装

;(function  getCookie(_name){

               var str=_name+'=';

               varcookie=document.cookie;

               cookie=cookie.split(';')

    for(vari=0;i<cookie.length;i++){

                 cookie[i]=cookie[i].trim();

                  if(cookie[i].indexOf(str)==0){

                  return  cookie[i].slice(str.length)

                 }

}

return'';

}

console.log(document.cookie)

}(document,window))