jQuery操作cookie方法实例教程
2023-06-13 09:15:31 时间
本文实例讲述了jQuery操作cookie的方法。分享给大家供大家参考。具体方法如下:
先来看看jq.cookie的aip
写入cookie
expires:10,//有效日期
path:"/",//cookie的路径
domanin: //cookie的域名
secure:true//true,cookie的传输会要求一个安全协议,否则反之
});
读取cookie
删除cookie
是不是很简单呢,这样子就可以完成cookie下面看一个demo例子
$("ulli").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//有效天数
})
});
varcookie=$.cookie("cookie");//读取cookie
if(cookie){
$("#"+cookie).addClass("cur").siblings().removeClass("cur");
$("#colortable").attr("href",cookie+".css");
$.cookie("cookie",cookie,{
"path":"/",
"expires":10
})
}
})
html页面:
<liid="colour_2">黑色</li>
一个简单的换肤效果就出来了
如果用谷歌浏览器打开记得要在服务器端哦。。
上面这个demo要注意的地方有:
被点击的盒子。class或者id等跟对应的样式表名字一样。
这样就完成拉。
整理后的代码如下:
$("ulli").click(function(){
Mycookie(this.id)
});
varcookie=$.cookie("cookie");//读取cookie
if(cookie){
Mycookie(cookie);
}
})
functionMycookie(thiscookie){
$("#"+thiscookie).addClass("cur").siblings().removeClass("cur");
$("#colortable").attr("href",thiscookie+".css");
$.cookie("cookie",thiscookie,{
"path":"/",
"expires":10
})
}
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
- jquery:时间类型字符串转为Date类型「建议收藏」
- jQuery 中在元素中添加插入内容方法 after, append, appendTo, before, prepend, prependTo 的区别
- jQuery File Upload v9.14.1 发布,一个非常优秀的上传组件详解编程语言
- JQuery中操作Css样式的方法大全详解编程语言
- jquery.cookie.js中$.cookie() 使用方法详解编程语言
- jQuery $.inArray()方法的用法
- jQuery $.makeArray()方法的用法
- jQuery基础教程笔记适合js新手
- 禁止JQuery中的load方法装载IE缓存中文件的方法
- jQuery$.data()方法使用注意细节
- jQuery淡入淡出png图在ie8下有黑色边框的解决方法
- JQuery操作tr和td内容的方法实例
- jQuery布局插件UILayout简介及使用方法
- jQuery拖动图片删除示例
- 使用jquery实现div的tab切换实例代码
- jQuery之日期选择器的深入解析
- jquery实现文字由下到上循环滚动的实例代码
- 可兼容IE的获取及设置cookie的jquery.cookie函数方法
- jquery删除cookie失效的解决方法
- jquery上传插件fineuploader上传文件使用方法(jquery图片上传插件)
- 利用js(jquery)操作Cookie的方法说明
- jQuery中bind,live,delegate与one方法的用法及区别解析
- jquery实现网页查找功能示例分享
- 用JQuery实现全选与取消的两种简单方法
- jquery.form.js用法之清空form的方法
- jQuery获取/设置/删除DOM元素的属性以a元素为例
- JQuery给元素绑定click事件多次执行的解决方法
- JQuery的Ajax中Post方法传递中文出现乱码的解决方法
- Jquery修改页面标题title其它JS失效的解决方法
- jquery常用方法及使用示例汇总
- 超棒的响应式布局jQuery插件Freetile.js
- jquery实现动态画圆
- jquery中each方法示例和常用选择器
- jQuery异步获取json数据方法汇总
- php+jQuery.uploadify实现文件上传教程
- 关于jQuery判断元素是否存在的问题示例探讨
- jQuery选择器querySelector的使用指南
- jQuery获取样式中颜色值的方法
- jQuery通过控制节点实现仅在前台通过get方法完成参数传递
- JQuery给元素绑定click事件多次执行的解决方法