首页 > 建站教程 > JS、jQ、TS >  jQuery cookie插件jquery.cookie.min.js的用法正文

jQuery cookie插件jquery.cookie.min.js的用法

我们都知道,js的cookie,设置读取都一样,变量名和值也不分开,使用起来非常麻烦,为此,jQuery的cookie插件:jquery.cookie.min.js帮了大忙了,下面就看看怎么用吧:

1.引入jquery.js
<script src="http://www.5imoban.net/download/jquery/jquery-1.11.0.min.js"></script>
2.引入jquery cookie插件
<script src="http://www.5imoban.net/download/jquery/jquery.cookie.min.js"></script>
3.调用插件封装好的方法

    a)设置新的cookie:
$.cookie('name','dumplings');  //设置一个值为'dumplings'的cookie
    设置cookie的域名:
//设置一个值为'dumplings'的在域名'qq.com'的cookie
$.cookie('name','dumplings', {domain:'qq.com'});  
    设置cookie的路径:
//设置一个值为'dumplings'的在域名'qq.com'的路径为'/'的cookie
$.cookie('name','dumplings', {domain:'qq.com',path:'/'});  
    b)删除cookie
$.removeCookie('name',{ path: '/'}); //path为指定路径,直接删除该路径下的cookie
$.cookie('name',null,{ path: '/'}); //将cookie名为‘openid’的值设置为空,实际已删除
    c)获取cookie
$.cookie('name')   //dumplings
    注意:cookie的域名和路径都很重要,如果没有设置成一致,则会有不同域名下或者不同路径下的同名cookie,为了避免这种情况,建议在设置cookie和删除cookie的时候,配置路径和域名。

    扩展阅读:
        js创建、读取、删除cookie的函数