jquery 設置cookie、刪除cookie、獲取cookie

1.引入jquery.js

<script src="//cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>

2.引入jquery cookie插件

<script src="//cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

3.調用插件封裝好的方法

a)設置新的cookie:

$.cookie('name'，'dumplings'); //設置一個值為'dumplings'的cookie
設置cookie的生命周期

 $.cookie('key', 'value', { expires: 7 }); //設置為7天，默認值：瀏覽器關閉

設置cookie的域名：

$.cookie('name'，'dumplings', {domain:'qq.com'}); //設置一個值為'dumplings'的在域名'qq.com'的cookie

設置cookie的路徑：

$.cookie('name'，'dumplings', {domain:'qq.com'，path:'/'}); //設置一個值為'dumplings'的在域名'qq.com'的路徑為'/'的cookie

b)刪除cookie

$.removeCookie('name',{ path: '/'}); //path為指定路徑，直接刪除該路徑下的cookie $.cookie('name',null,{ path: '/'}); //將cookie名為‘openid’的值設置為空，實際已刪除

c)獲取cookie

$.cookie('name') //dumplings

踩過的坑： 
cookie的域名和路徑都很重要，如果沒有設置成一致，則會有不同域名下或者不同路徑下的同名cookie，為了避免這種情況，建議在設置cookie和刪除cookie的時候，配置路徑和域名。