jQuery操纵cookie(原生javascript处理cookie)
jQuery也是可以操作cookie的
1.首先下载jQuery.js 以及 jquery.cookie.js 这两个文件
2.安装(其实就是引用)
<html>
<head>
<!--引入jquery-->
<script type="text/javascript" src="jquery-2.1.1.min.js"></script>
<!--引入jquery-->
<script type="text/javascript" src="jquery.cookie.js"></script>
<script type="text/javascript">
$.cookie('name','123456789');//设置name=123456789的cookie
</script>
</head>
</html>
3.常用方法
3.1.新建cookie
$.cookie('name','value');
//直接使用就可以了
并不需要再
$(document).ready(function(){
$.cookie('name','value');
});
3.1.1.设置cookie有效期:
$.cookie('name','value',{expires:7});//有效期为7天
3.1.2.设置路径和有效期:
$.cookie('name','value',{expires:7,path:'/'});//有效期为7天,路径为 /
3.2.读取cookie
3.2.1.读取单个cookie
$.cookie('name'); // => "value",已经赋值的cookie
$.cookie('nothing'); // => undefined,访问不存在的cookie
3.2.2.读取全部cookie
$.cookie();//获取到的是一个数组 {"name":"value"}
3.3.删除cookie
3.3.1.按名字删除cookie,成功会返回true,否则为false
$.removeCookie('name');
3.3.2.如果用同名的cookie,需要加上路径才能正确删除
$.cookie('name','value',{path:'/'});
$.removeCookie('name');//不生效
$.removeCookie('name',{path:'/'});//这样才是正确的
更多信息可以参考:https://github.com/carhartl/jquery-cookie#readme
原生态的javascript也可以实现以上功能,只是稍微有点麻烦
新建cookie:
document.cookie="name=value";
读取cookie:
var cookies = document.cookie;
有兴趣的朋友可以查看:http://www.cnblogs.com/Darren_code/archive/2011/11/24/Cookie.html (谢谢这位朋友的分享)