jquery使用cookie
时间: 2023-12-28 19:22:46 浏览: 29
jQuery是一个流行的JavaScript库,它提供了一些方便的方法来操作cookie。通过使用jQuery.cookie插件,我们可以轻松地创建、读取和删除cookie。下面是一些使用jQuery.cookie插件的示例:
1.创建一个cookie:
$.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'example.com', secure: true});
2.读取一个cookie:
$.cookie('the_cookie');
3.删除一个cookie:
$.removeCookie('the_cookie');
在实际开发中,我们可以使用jQuery.cookie插件来实现一些常见的功能,例如“记住我”的功能。我们可以在用户登录时设置一个cookie,以便在下次访问网站时自动填充用户名和密码。下面是一个实现“记住我”的示例:
//判断之前是否有设置cookie,如果有,则设置【记住我】选择框
if($.cookie('rem_userName')!=undefined){
$("#rememberMe").attr("checked", true);
}else{
$("#rememberMe").attr("checked", false);
}
//读取cookie
if($('#rememberMe:checked').length>0){
$('#userName').val($.cookie('rem_userName'));
$('#password').val($.cookie('rem_password'));
}
//监听【记住我】事件
$("#rememberMe").click(function(){
if($('#rememberMe:checked').length>0){//设置cookie
$.cookie('rem_userName', $('#userName').val());
$.cookie('rem_password', $('#password').val());
}else{//清除cookie
$.removeCookie('rem_userName');
$.removeCookie('rem_password');
}
});