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 相关文章推荐
jQuery简单图表peity.js使用示例
May 02 Javascript
jquery实现图片左右切换的方法
May 07 Javascript
JS+JSP通过img标签调用实现静态页面访问次数统计的方法
Dec 14 Javascript
javascript 继承学习心得总结
Mar 17 Javascript
用js读写cookie的简单方法(推荐)
Aug 08 Javascript
脚本div实现拖放功能(两种)
Feb 13 Javascript
select自定义小三角样式代码(实用总结)
Aug 18 Javascript
vue 父组件中调用子组件函数的方法
Jun 06 Javascript
使用Bootstrap做一个朝代历史表
Dec 10 Javascript
微信小程序中data-key属性之数据传输(经验总结)
Aug 22 Javascript
Vue项目如何引入bootstrap、elementUI、echarts
Nov 26 Vue.js
jQuery实现手风琴特效
Jan 11 jQuery
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
在数据量大(超过10万)的情况下
2007/01/15 PHP
PHP number_format() 函数定义和用法
2012/06/01 PHP
php中动态调用函数的方法
2015/03/16 PHP
fckeditor上传文件按日期存放及重命名方法
2015/05/22 PHP
laravel 中某一字段自增、自减的例子
2019/10/11 PHP
thinkphp诸多限制条件下如何getshell详解
2020/12/09 PHP
JavaScript实际应用:innerHTMl和确认提示的使用
2006/06/22 Javascript
javascript html 静态页面传参数
2009/04/10 Javascript
Js基础学习资料
2010/11/23 Javascript
jq选项卡鼠标延迟的插件实例
2013/05/13 Javascript
jQuery 获取、设置HTML或TEXT内容的两种方法
2014/05/23 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
2014/09/01 Javascript
zepto.js中tap事件阻止冒泡的实现方法
2015/02/12 Javascript
jquery实现像栅栏一样左右滑出式二级菜单效果代码
2015/08/24 Javascript
Jquery实现的简单轮播效果【附实例】
2016/04/19 Javascript
jQuery插件FusionWidgets实现的AngularGauge图效果示例【附demo源码】
2017/03/23 jQuery
详解vue-cli项目中的proxyTable跨域问题小结
2018/02/09 Javascript
JS设置自定义快捷键并实现图片上下左右移动
2019/10/17 Javascript
[37:50]VP vs TNC Supermajor小组赛B组 BO3 第一场 6.2
2018/06/03 DOTA
Python入门篇之字符串
2014/10/17 Python
Python简单格式化时间的方法【strftime函数】
2016/09/18 Python
python3中os.path模块下常用的用法总结【推荐】
2018/09/16 Python
Python高斯消除矩阵
2019/01/02 Python
对django的User模型和四种扩展/重写方法小结
2019/08/17 Python
Python获取统计自己的qq群成员信息的方法
2019/11/15 Python
tensorflow 只恢复部分模型参数的实例
2020/01/06 Python
Python爬虫库BeautifulSoup获取对象(标签)名,属性,内容,注释
2020/01/25 Python
Django vue前后端分离整合过程解析
2020/11/20 Python
Links of London官方网站:英国标志性的珠宝品牌
2017/04/09 全球购物
德国游戏机商店:Konsolenkost
2019/12/08 全球购物
自荐信的禁忌和要点
2013/10/15 职场文书
基层工作经验证明样本
2014/11/16 职场文书
北京颐和园导游词
2015/01/30 职场文书
数学备课组工作总结
2015/08/12 职场文书
使用python求解迷宫问题的三种实现方法
2022/03/17 Python
SpringBoot前端后端分离之Nginx服务器下载安装过程
2022/08/14 Servers