本文实例讲述了jQuery操作cookie的方法。分享给大家供大家参考。具体方法如下:
先来看看jq.cookie的aip
写入cookie
$.cookie("this-cookie","this-value",{
expires:10,//有效日期
path:"/",//cookie的路 径
domanin: //cookie的域名
secure:true //true,cookie的传输会要求一个安全协议,否则反之
});
读取cookie
$.cookie("this-cookie")
删除cookie
$.cookie("this-cookie",null)
是不是很简单呢,这样子就可以完成cookie 下面看一个demo例子
$(function(){
$("ul li").click(function(){
$("#"+this.id).addClass("cur").siblings().removeClass("cur"); //切换选中后的样式
$("#colortable").attr("href",this.id+".css");//每次切换更换相对应的样式表
$.cookie("cookie",//写入cookie
this.id,//需要cookie写入的业务
{
"path":"/", //cookie的默认属性
"expires":10 //有效天数
})
});
var cookie=$.cookie("cookie"); //读取cookie
if(cookie){
$("#"+cookie).addClass("cur").siblings().removeClass("cur");
$("#colortable").attr("href",cookie+".css");
$.cookie("cookie",cookie,{
"path":"/",
"expires":10
})
}
})
html页面:
红色
黑色
一个简单的换肤效果就出来了
如果用谷歌浏览器打开 记得要在服务器端哦。。
上面这个demo要注意的地方有:
被点击的盒子。class或者id等 跟对应的样式表名字一样。
这样就完成拉。
整理后的代码如下:
$(function(){
$("ul li").click(function(){
Mycookie(this.id)
});
var cookie=$.cookie("cookie"); //读取cookie
if(cookie){
Mycookie(cookie);
}
})
function Mycookie(thiscookie){
$("#"+thiscookie).addClass("cur").siblings().removeClass("cur");
$("#colortable").attr("href",thiscookie+".css");
$.cookie("cookie",thiscookie,{
"path":"/",
"expires":10
})
}
更多关于jquery cookie操作相关内容感兴趣的读者可查看本站专题:《jQuery的cookie操作技巧总结》
希望本文所述对大家的jQuery程序设计有所帮助。
Statement:The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn