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 相关文章推荐
JS DOM 操作实现代码
Aug 01 Javascript
使用JavaScript检测Firefox浏览器是否启用了Firebug的代码
Dec 28 Javascript
javascript中自定义对象的属性方法分享
Jul 12 Javascript
倒记时60刷新网页的js代码
Feb 18 Javascript
网站繁简切换的JS遇到页面卡死的解决方法
Mar 12 Javascript
JS+CSS实现可拖动的弹出提示框
Feb 16 Javascript
JavaScript模拟深蓝vs卡斯帕罗夫的国际象棋对局示例
Apr 22 Javascript
树结构之JavaScript
Jan 24 Javascript
微信小程序 后台登录(非微信账号)实例详解
Mar 31 Javascript
webpack引入eslint配置详解
Jan 22 Javascript
vue生成文件本地打开查看效果的实例
Sep 06 Javascript
微信小程序自定义底部弹出框功能
Nov 18 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
浅析PKI加密解密 OpenSSL
2013/07/01 PHP
php利用新浪接口查询ip获取地理位置示例
2014/01/20 PHP
PHP中$_FILES的使用方法及注意事项说明
2014/02/14 PHP
php使用GD创建保持宽高比缩略图的方法
2015/04/17 PHP
简单谈谈php浮点数精确运算
2016/03/10 PHP
微信公众号开发之通过接口删除菜单
2017/02/20 PHP
Laravel创建数据库表结构的例子
2019/10/09 PHP
php实现断点续传大文件示例代码
2020/06/19 PHP
一个可以兼容IE FF的加为首页与加入收藏实现代码
2009/11/02 Javascript
JS获取当前日期和时间的简单实例
2013/11/19 Javascript
深入浅析JavaScript字符串操作方法 slice、substr、substring及其IE兼容性
2015/12/16 Javascript
Vue.js每天必学之构造器与生命周期
2016/09/05 Javascript
实例解析jQuery工具函数
2016/12/01 Javascript
easyui关于validatebox实现多重规则验证的方法(必看)
2017/04/12 Javascript
vue awesome swiper异步加载数据出现的bug问题
2018/07/03 Javascript
如何去除富文本中的html标签及vue、react、微信小程序中的过滤器
2018/11/21 Javascript
Python处理XML格式数据的方法详解
2017/03/21 Python
python dataframe astype 字段类型转换方法
2018/04/11 Python
一篇文章了解Python中常见的序列化操作
2019/06/20 Python
Python 私有化操作实例分析
2019/11/21 Python
Python异常继承关系和自定义异常实现代码实例
2020/02/20 Python
基于python检查SSL证书到期情况代码实例
2020/04/04 Python
使用tensorflow实现VGG网络,训练mnist数据集方式
2020/05/26 Python
超酷炫 CSS3垂直手风琴菜单
2016/06/28 HTML / CSS
css3圆角样式分享自定义按钮样式
2013/12/27 HTML / CSS
CSS3属性box-shadow使用指南
2014/12/09 HTML / CSS
阿里旅行:飞猪
2017/01/05 全球购物
Ajax的工作原理
2015/12/04 面试题
西安夏日科技有限公司Java笔试题
2013/01/11 面试题
幼儿园安全检查制度
2014/01/30 职场文书
党员群众路线自我剖析材料
2014/10/06 职场文书
2014购房个人委托书范本
2014/10/12 职场文书
2015年护士节活动总结
2015/02/10 职场文书
大学四年个人总结
2015/03/03 职场文书
2015年小学财务工作总结
2015/07/20 职场文书
Go微服务项目配置文件的定义和读取示例详解
2022/06/21 Golang