我爱自学

 找回密码
 会员注册

QQ登录

只需一步,快速开始

Jquery cookie设置删除及查询方法

网页开发设计过程中,常有遇到js代码的情况。本文分享通过jquery非原生js代码,进行cookie设置删除及查询操作。
以下将从jquery引入、cookie插件引入、Cookie设置、删除及获取进行说明:

1.如何引入jquery,可以使用cdn资源,也可以下载后加载本地资源。
<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.调用jquery cookie插件封装好的方法操作cookie

① 设置新的cookie:

$.cookie('name','isClose');  //设置一个值为'isClose'的cookie

设置cookie的生命周期
$.cookie('key', 'value', { expires: 1 }); //设置为1天,默认值:浏览器关闭

设置cookie的域名:
$.cookie('name','isClose', {domain:'5izixue.com'});   //设置一个值为'isClose'的在域名'5izixue.com'的cookie

设置cookie的路径:
$.cookie('name','isClose', {domain:'5izixue.com',path:'/'});  
//设置一个值为'dumplings'的在域名'5izixue.com'的路径为'/'的cookie

② 删除cookie
$.removeCookie('name',{ path: '/'}); //path为指定路径,直接删除该路径下的cookie
$.cookie('name',null,{ path: '/'}); //将cookie名为‘openid’的值设置为空,实际已删除

③ 获取cookie
$.cookie('name')

cookie的域名和路径都很重要,如果没有设置成一致,则会有不同域名下或者不同路径下的同名cookie,为了避免这种情况,建议在设置cookie和删除cookie的时候,配置路径和域名。

点击阅读更多内容!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

手机版|小黑屋|我爱自学 ( 蜀ICP备19015358号-3 )

GMT+8, 2024-4-25 17:25 , Processed in 0.076542 second(s), 33 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

本站大部分教程是网站原创教程,一部分教程为我爱自学(http://www.5izixue.com)编辑收集整理。

如果您需要转载我爱自学网站教程,请注明“资料来源:我爱自学(5izixue)”字样并注明本站网址。

编辑收集整理的教程版权归原作者所有,本站只提供网友交流学习使用,请勿用于商业用途,如果该文章有任何侵犯您权益的地方,请联系我们(569705694@qq.com),我们将在第一时间进行处理!谢谢您的支持!

快速回复 返回顶部 返回列表