jQuery操作cookie方法实例教程


Posted in Javascript onNovember 25, 2014

本文实例讲述了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页面:

<li id="colour_1">红色</li>

<li id="colour_2">黑色</li>

一个简单的换肤效果就出来了

如果用谷歌浏览器打开 记得要在服务器端哦。。

上面这个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程序设计有所帮助。

Javascript 相关文章推荐
javascript IE中的DOM ready应用技巧
Jul 23 Javascript
解javascript 混淆加密收藏
Jan 16 Javascript
Javascript string 扩展库代码
Apr 09 Javascript
jquery选择器-根据多个属性选择示例代码
Oct 21 Javascript
浅谈jQuery中事情的动态绑定
Feb 12 Javascript
js+html制作简单验证码
Feb 16 Javascript
IE8中jQuery.load()加载页面不显示的原因
Nov 15 jQuery
Angular 2使用路由自定义弹出组件toast操作示例
May 10 Javascript
微信小程序页面传多个参数跳转页面的实现方法
May 17 Javascript
JS实现的简单tab切换功能完整示例
Jun 20 Javascript
详解vue父子组件状态同步的最佳方式
Sep 10 Javascript
HTML元素拖拽功能实现的完整实例
Dec 04 Javascript
JavaScript常用验证函数实例汇总
Nov 25 #Javascript
JavaScript导出Excel实例详解
Nov 25 #Javascript
JS倒计时代码汇总
Nov 25 #Javascript
jquery中push()的用法(数组添加元素)
Nov 25 #Javascript
Jquery焦点图实例代码
Nov 25 #Javascript
jQuery事件绑定和委托实例
Nov 25 #Javascript
2014最热门的JavaScript代码高亮插件推荐
Nov 25 #Javascript
You might like
PHP4引用文件语句的对比
2006/10/09 PHP
怎样在UNIX系统下安装php3
2006/10/09 PHP
php使用pdo连接报错Connection failed SQLSTATE的解决方法
2014/12/15 PHP
windows下的WAMP环境搭建图文教程(推荐)
2017/07/27 PHP
鼠标滚轮改变图片大小的示例代码
2013/11/20 Javascript
jquery实现点击文字可编辑并修改保存至数据库
2014/04/15 Javascript
js确认删除对话框适用于a标签及submit
2014/07/10 Javascript
在JavaScript中使用JSON数据
2016/02/15 Javascript
JavaScript、C# URL编码、解码总结
2017/01/21 Javascript
浅谈pc端rem字体设置的问题
2017/08/03 Javascript
Vue+webpack+Element 兼容问题总结(小结)
2018/08/16 Javascript
一步快速解决微信小程序中textarea层级太高遮挡其他组件
2019/03/04 Javascript
11个教程中不常被提及的JavaScript小技巧(推荐)
2019/04/17 Javascript
node Buffer缓存区常见操作示例
2019/05/04 Javascript
vue单页应用的内存泄露定位和修复问题小结
2019/08/02 Javascript
vue 实现cli3.0中使用proxy进行代理转发
2019/10/30 Javascript
微信小程序学习总结(二)样式、属性、模板操作分析
2020/06/04 Javascript
Vue左滑组件slider使用详解
2020/08/21 Javascript
[03:00]2014DOTA2国际邀请赛 Titan淘汰潸然泪下Ohaiyo专访
2014/07/15 DOTA
Python 拷贝对象(深拷贝deepcopy与浅拷贝copy)
2008/09/06 Python
Python使用pymysql小技巧
2017/06/04 Python
解决Python中定时任务线程无法自动退出的问题
2019/02/18 Python
python中return的返回和执行实例
2019/12/24 Python
如何使用python代码操作git代码
2020/02/29 Python
Python3自定义http/https请求拦截mitmproxy脚本实例
2020/05/11 Python
python pymysql链接数据库查询结果转为Dataframe实例
2020/06/05 Python
详解利用python识别图片中的条码(pyzbar)及条码图片矫正和增强
2020/11/17 Python
非洲NO.1网上商店:Jumia肯尼亚
2016/08/18 全球购物
法国设计制造的扫帚和刷子:Andrée Jardin
2018/12/06 全球购物
php优化查询foreach代码实例讲解
2021/03/24 PHP
思想品德评语大全
2014/12/31 职场文书
旷工检讨书大全
2015/08/15 职场文书
小学体育队列队形教学反思
2016/02/16 职场文书
小学三年级语文教学反思
2016/03/03 职场文书
竞选稿之小学班干部
2019/10/31 职场文书
Docker下安装Oracle19c
2022/04/13 Servers