您的位置:首页 > Web前端 > JQuery

jQuery操作Cookies 删除 获取 修改

2013-09-05 20:24 204 查看
提供一款jQuery操作Cookies 删除 获取 修改入门教程,因为有了它不方便多了,有需要的朋友参考一下。使用传统的Javascript来设置和获取Cookies信息很麻烦,要写上几个函数来处理,幸运的是jQuery帮我们做了很多事,借助jQuery插件,我们可以轻松的创建、获取和删除Cookies。点击这里下载cookies插件:http://plugins.jquery.com/project/Cookie
创建Cookie
使用jQuery设置cookie非常简单。如,我们创建一个名为“example”,值为“foo”的cookie:
$.cookie("example", "foo");  
$.cookie("example", "foo");要设置cookie的有效期,可以设置expires值,如设置cookie的过期时间为10天:

$.cookie("example", "foo",{expires:10});   
$.cookie("example", "foo",{expires:10}); 设置cookie一小时后过期:

var cookietime = new Date();    
cookietime.setTime(date.getTime() + (60 * 60 * 1000));//coockie保存一小时    
$.cookie("example", "foo",{expires:cookietime});   
var cookietime = new Date(); 
cookietime.setTime(date.getTime() + (60 * 60 * 1000));//coockie保存一小时 
$.cookie("example", "foo",{expires:cookietime}); 要设置cookie的保存路径,可以设置path值,如设置路径为根目录:

$.cookie("example", "foo",{path:"/"});  
$.cookie("example", "foo",{path:"/"});如果要设置路径为/admin,则:

$.cookie("example", "foo",{path:"/admin"});  
$.cookie("example", "foo",{path:"/admin"});获取cookie值
使用jQuery获取cookie的值的方法那是相当的简单,下面是弹出框显示名为“example”的cookie的值:

alert($.cookie("example"));  
alert($.cookie("example"));删除Cookie
使用jQuery删除cookie,只需要将cookie的值为null,注意如果设置值为空的字符串时,并不能删除cookie,只是将cookie值清空而已。   

$.cookie("example",null);  
$.cookie("example",null);
了解了cookie相关设置操作方法后,再接下来的文章中,我会用实例演示cookies的应用,如记录网站用户浏览的历史记录(浏览过的商品、看过的电影),敬请关注。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐