jquery创建cookie
时间: 2023-09-30 09:03:13 浏览: 93
以下是使用jQuery创建cookie的示例代码:
// 设置cookie
$.cookie('username', 'john', { expires: 7, path: '/' });
// 获取cookie
var username = $.cookie('username');
// 删除cookie
$.removeCookie('username', { path: '/' });
相关问题
jquery的cookie创建示例
以下是一个基本的jQuery cookie创建示例:
```
//设置cookie
$.cookie('username', 'John');
//获取cookie
var username = $.cookie('username');
console.log(username); //输出John
//设置带有过期时间的cookie
$.cookie('username', 'John', { expires: 7 }); //过期时间为7天
//删除cookie
$.removeCookie('username');
```
在这个示例中,我们使用jQuery cookie插件来创建和管理cookie。使用`$.cookie()`方法设置cookie,第一个参数是cookie的名称,第二个参数是cookie的值。我们还可以使用可选参数来设置cookie的过期时间和其他属性。使用`$.removeCookie()`方法删除cookie。
请注意,您需要在HTML中包含jQuery和jQuery cookie插件的脚本文件。例如:
```
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
```
jquery使用cookie
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');
}
});
阅读全文