Cookie是由服务器端⽣成，发送给User-Agent（⼀般是浏览器），浏览器会将Cookie的key/value保存到某个⽬录下的⽂本⽂件内，下次请求同⼀⽹站时就发送该Cookie给服务器（前提是浏览器设置为启⽤cookie）。
例如购物⽹站存储⽤户曾经浏览过的产品列表，或者门户⽹站记住⽤户喜欢选择浏览哪类新闻。在⽤户允许的情况下，还可以存储⽤户的登录信息，使得⽤户在访问⽹站时不必每次都键⼊这些信息？
竞选演讲怎么在js/jquery中操作处理cookie那？今天分享⼀个cookie操作类--jQuery.Cookie.js，是⼀个轻量级的Cookie管理插件。
特别提醒，今⽇发现⼀个特别的错误，google浏览器提⽰：has no method $.cookie。⽕狐浏览器提⽰:$.cookie is not a function；调试了半天，终于到原因，如果同⼀个页⾯两次或者多次引⼊Jquery插件就会报此错误。
使⽤⽅法：
1、引⼊jQuery与jQuery.Cookie.js插件。
复制代码代码如下:
缩量上涨意味着什么<script src="jQuery.1.8.3.js" type="text/javascript"></script>
<script src="kie.js" type="text/javascript"></script>
2.将cookie写⼊⽂件
var COOKIE_NAME = 'username';
if( $.cookie(COOKIE_NAME) ){
$("#username").val( $.cookie(COOKIE_NAME) );
}
$("#check").click(function(){
if(this.checked){
$.cookie(COOKIE_NAME, $("#username").val() , { path: '/', expires: 10 });
//var date = new Date();
/
/date.Time() + (3 * 24 * 60 * 60 * 1000)); //三天后的这个时候过期
//$.cookie(COOKIE_NAME, $("#username").val(), { path: '/', expires: date });
}else{
$.cookie(COOKIE_NAME, null, { path: '/' }); //删除cookie
}
});
函数。
语法：$.cookie(名称，值,[option])
(1)读取cookie值
$.cookie(cookieName) cookieName：要读取的cookie名称。
⽰例：$.cookie("username"); 读取保存在cookie中名为的username的值。
(2)写⼊设置Cookie值：
$.cookie(cookieName,cookieValue); cookieName：要设置的cookie名称，cookieValue表⽰相对应的值。
⽰例:$.cookie("username","admin"); 将值"admin"写⼊cookie名为username的cookie中。
$.cookie("username",NULL); 销毁名称为username的cookie
(3) [option]参数说明：
expires: 有限⽇期，可以是⼀个整数或⼀个⽇期(单位：天)。 这个地⽅也要注意，如果不设置这个东西，浏览器关闭之后此cookie就失效了
path: cookie值保存的路径，默认与创建页路径⼀致。
domin: cookie域名属性，默认与创建页域名⼀样。 这个地⽅要相当注意，跨域的概念，如果要主域名⼆级域名有效则要设置 ".xxx"
secrue: ⼀个布尔值，表⽰传输cookie值时，是否需要⼀个安全协议。祝福的经典句子
⽰例：
复制代码代码如下:
$.cookie("like", $(":radio[checked]").val(), {
path: "/", expiress: 7
})
⼀个完整设置与读取cookie的页⾯代码：
<html xmlns="/1999/xhtml">
<head>
<title>jQuery学习2</title>
<script src="jQuery.1.8.3.js" type="text/javascript"></script>
<script src="kie.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#username").val($.cookie("username"));
if ($.cookie("like") == "刘德华") {
$(":radio[value='刘德华']").attr("checked", 'checked')
}
else {
$(":radio[value='张学友']").attr("checked", 'checked')
}
$(":button").click(function () {
$.cookie("username", $("#username").val(), {
path: "/", expires: 7
})
$.cookie("like", $(":radio[checked]").val(), {
path: "/", expiress: 7
})
})
})
</script>端午祝福短语十字之内
</head>
<body>
<p><input type="text" id="username" value="" /></p>
为什么2020年的星期六这么诡异<p>
<input type="radio" name="like" value="刘德华" />刘德华
<input type="radio" name="like" value="张学友" />张学友
</p>
<p><input type="button" value="保存" /></p>
</body>
</html>
cookie本质上是⼀个txt⽂本，因此只能够存⼊字符串，对象通常要序列化之后才能存⼊cookie，⽽取的时候要反序列才⼜能得到对象。
$(function () {
if ($.cookie("o") == null) {
var o = { name: "张三", age: 24 };
var str = JSON.stringify(o); //对序列化成字符串然后存⼊cookie
$.cookie("o", str, {
expires:7 //设置时间，如果此处留空，则浏览器关闭此cookie就失效。
});
alert("cookie为空");
}
else {
var str1 = $.cookie("o");
var o1 = JSON.parse(str1); //字符反序列化成对象
alert(o1.name); //输反序列化出来的对象的姓名值
}
})
⼀个轻量级的cookie插件，可以读取、写⼊、删除cookie。
⾸先包含jQuery的库⽂件，在后⾯包含kie.js的库⽂件
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="kie.js"></script>
使⽤⽅法
新添加⼀个会话cookie：
$.cookie('the_cookie', 'the_value');
注：当没有指明cookie有效时间时，所创建的cookie有效期默认到⽤户关闭浏览器为⽌，所以被称为“会话cookie（session cookie）”
创建⼀个cookie并设置有效时间为7天:
$.cookie('the_cookie', 'the_value', { expires: 7 });
注：当指明了cookie有效时间时，所创建的cookie被称为“持久cookie（persistent cookie）”。
创建⼀个cookie并设置cookie的有效路径：
$.cookie('the_cookie', 'the_value', { expires: 7, path: '/' });
注：在默认情况下，只有设置cookie的⽹页才能读取该cookie。如果想让⼀个页⾯读取另⼀个页⾯设置的cookie，必须设置cookie的路径。
cookie的路径⽤于设置能够读取cookie的顶级⽬录。将这个路径设置为⽹站的根⽬录，可以让所有⽹页都能互相读取cookie（⼀般不要这样设置，防⽌出现冲突）
读取cookie:
$.cookie('the_cookie');
// cookie存在 => 'the_value' $.cookie('not_existing'); // cookie不存在 => null
删除cookie，通过传递null作为cookie的值即可：
$.cookie('the_cookie', null);
相关参数的解释
expires: 365
定义cookie的有效时间，值可以是⼀个（从创建cookie时算起，以天为单位）或⼀个Date。
如果省略，那么创建的cookie是会话cookie，将在⽤户退出浏览器时被删除。
path: '/'
默认情况：只有设置cookie的⽹页才能读取该cookie。
定义cookie的有效路径。默认情况下，该参数的值为创建cookie的⽹页所在路径（标准浏览器的⾏为）。
如果你想在整个⽹站中访问这个cookie需要这样设置有效路径：path: '/'。
如果你想删除⼀个定义了有效路径的cookie，你需要在调⽤函数时包含这个路径:$.cookie('the_cookie', null, { path: '/' });。
domain: 'example'
默认值：创建cookie的⽹页所拥有的域名。
secure: true
默认值：false。如果为true，cookie的传输需要使⽤安全协议（HTTPS）。
raw: true
默认值：false。默认情况下，读取和写⼊cookie的时候⾃动进⾏编码和解码（使⽤encodeURIComponent编
码，decodeURIComponent解码）。
要关闭这个功能设置raw: true即可。
$.cookie('the_cookie'); // get cookie $.cookie('the_cookie', 'the_value'); // set cookie $.cookie('the_cookie', 'the_value', { expires: 7 }); // set cookie with an expiration date seven days in the future $.cookie('the_cookie', '', { expires: -1 }); // delete cookie
$.cookie('the_cookie', null); // delete cookie
$.cookie('the_cookie','the_value', {expires: 7, path: '/', domain:'80tvb', secure: true});//完整调⽤⽅式
//或者这样：$.cookie('the_cookie','the_value');
//删除Cookie： $.cookie('the_cookie',null);
jQuery操作cookie的插件,⼤概的使⽤⽅法如下
$.cookie('the_cookie'); //读取Cookie值
$.cookie('the_cookie', ‘the_value'); //设置cookie的值
$.cookie('the_cookie', ‘the_value', {expires: 7, path: ‘/', domain: ‘jquery', secure: true});//新建⼀个cookie 包括有效期路径域名等
$.cookie('the_cookie', ‘the_value'); //新建cookie
$.cookie('the_cookie', null); //删除⼀个cookie
jquery设置cookie过期时间与检查cookies是否可⽤
让cookies在x分钟后过期
var date = new date();
date.ime() + (x * 60 * 1000));
$.cookie(‘example', ‘foo', { expires: date });
$.cookie(‘example', ‘foo', { expires: 7});
圣魔之光石攻略检查cookies是否可⽤
$(document).ready(function() {var dt = new date();dt.seconds() + 60);kie = “cookietest=1; expires=” + dt.togmtstring();var cookiesenabled = kie.indexof(“cookietest=”) != -1;if(!cookiesenabled){//cookies 不能⽤……..}});
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论