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 相关文章推荐
Mootools 1.2教程 Fx.Tween的使用
Sep 15 Javascript
Javascript 类与静态类的实现(续)
Apr 02 Javascript
js动态设置div的值下例子
Oct 29 Javascript
类似天猫商品详情随浏览器移动的示例代码
Feb 27 Javascript
JS+CSS实现TreeMenu二级树形菜单完整实例
Sep 18 Javascript
超全面的JavaScript开发规范(推荐)
Jan 21 Javascript
浅谈React高阶组件
Mar 28 Javascript
使用Vue做一个简单的todo应用的三种方式的示例代码
Oct 20 Javascript
koa源码中promise的解读
Nov 13 Javascript
如何基于vue-cli3.0构建功能完善的移动端架子
Apr 24 Javascript
JavaScript中变量提升机制示例详解
Dec 27 Javascript
小程序实现tab标签页
Nov 16 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
Zerg兵种介绍
2020/03/14 星际争霸
PHP网页游戏学习之Xnova(ogame)源码解读(四)
2014/06/23 PHP
thinkphp如何获取客户端IP
2015/11/03 PHP
大家都应该掌握的PHP关联数组使用技巧
2015/12/25 PHP
php 中奖概率算法实现代码
2017/01/25 PHP
php高清晰度无损图片压缩功能的实现代码
2018/12/09 PHP
关于Laravel-admin的基础用法总结和自定义model详解
2019/10/08 PHP
日期函数扩展类Ver0.1.1
2006/09/07 Javascript
不同浏览器的怪癖小结
2010/07/11 Javascript
基于JavaScript实现动态创建表格和增加表格行数
2015/12/20 Javascript
详解ES6中的let命令
2020/04/05 Javascript
微信小程序中页面FOR循环和嵌套循环
2017/06/21 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
2018/10/12 Javascript
vue 组件销毁并重置的实现
2020/01/13 Javascript
JavaScript实现Tab选项卡切换
2020/02/13 Javascript
vue实现简单学生信息管理
2020/05/30 Javascript
原生JS封装拖动验证滑块的实现代码示例
2020/06/01 Javascript
python选择排序算法的实现代码
2013/11/21 Python
Python入门_浅谈数据结构的4种基本类型
2017/05/16 Python
Python爬虫实例爬取网站搞笑段子
2017/11/08 Python
python对于requests的封装方法详解
2019/01/03 Python
对python中不同模块(函数、类、变量)的调用详解
2019/07/16 Python
Python使用socket模块实现简单tcp通信
2020/08/18 Python
Python 实现国产SM3加密算法的示例代码
2020/09/21 Python
CSS3教程(5):网页背景图片
2009/04/02 HTML / CSS
html5构建触屏网站之touch事件介绍
2013/01/07 HTML / CSS
HTML5未来发展趋势
2016/02/01 HTML / CSS
浅谈html5与APP混合开发遇到的问题总结
2018/03/20 HTML / CSS
经济信息管理专业大学生求职信
2013/09/27 职场文书
元宵节主持词
2014/03/25 职场文书
乡村卫生服务一体化管理实施方案
2014/03/30 职场文书
党的群众路线专项整治方案
2014/11/03 职场文书
摘录式读书笔记
2015/07/01 职场文书
婚宴祝酒词大全
2015/08/10 职场文书
《分一些蚊子进来》读后感3篇
2020/01/09 职场文书
python实现学员管理系统(面向对象版)
2022/06/05 Python