JQuery Cookie

最新推荐文章于 2025-06-27 16:10:28 发布

A_山水子农

最新推荐文章于 2025-06-27 16:10:28 发布

阅读量748

点赞数

CC 4.0 BY-SA版权

分类专栏： web 文章标签： JQuery Cookie jquery cookie 设置cookie 获取cookie

本文链接：https://blog.youkuaiyun.com/qq_27626333/article/details/53870394

web 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个使用JQuery Cookie插件实现自动填充用户名和密码的示例，并提供了详细的代码实现。通过此示例，读者可以了解如何利用JQuery Cookie插件进行Cookie的读取、写入及删除操作。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>JQuery Cookie</title>
		<script type="text/javascript" src="js/jquery-1.10.2.min.js" ></script>
		<script type="text/javascript" src="js/jquery.cookie.js" ></script>
		<script>
			$(function(){
				var cookie_name="username";
				var cookie_password="password";
				if($.cookie(cookie_name)!='null'&&$.cookie(cookie_password)!='null'){
					$("#username").val($.cookie(cookie_name));
					$("#password").val($.cookie(cookie_password));
					$("#check").prop("checked",true);
				}
				$("#check").click(function(){
					if(this.checked){
						$.cookie(cookie_name,$("#username").val(),{expires:10,path:'/'});
						$.cookie(cookie_password,$("#password").val(),{expires:10,path:'/'});
					}else{
						$.cookie(cookie_name,null,{path:'/'});
						$.cookie(cookie_password,null,{path:'/'});
					}
				})
			})
		</script>
	</head>
	<body>
		<fieldset>
			<legend>JQuery Cookie</legend>
			<label for="usernbame">用户名：</label>
			<input type="text" id="username" name="username" /><br />
			<label for="password">密 码：</label>
			<input type="password" id="password" name="password" /><br />
			<input type="checkbox" id="check" name="check"/>记住密码
		</fieldset>
	</body>
</html>

JQuery Cookie API

1、写入Cookie

$.cookie("cookie_name","cookie_value");//cookie_name为待写入的cookie名，cookie_value为待写入的值

2、读取Cookie

$.cookie("cookie_name");//cookie_name为待读取的Cookie名

3、删除Cookie

$.cookie("cookie_name",null)//cookie_name为待删除Cookie名

注意：必须使用与之前设置时相同的路径(path)和域名(domain)，才可以正确的删除Cookie

4、其他可选参数

$.cookie("cookie_name","cookie_value",{

expires:7,

path:"/",

domain:"xxxx.com",

secure:true

});

expires:有效期。可以设置一个整数作为有效期（单位：天），也可以直接设置一个日期对象作为Cookie的过期日期。如果指定日期为负数，例如已经过去的日子，那么此Cookie将被删除。如果不设置或者设置为null，那么此Cookie将被当作Session Cookie处理，并且在浏览器关闭后删除。

path：Cookie的路径属性，默认是创建该Cookie的页面路径。

domain：Cookie的域名属性，默认是创建该Cookie的页面域名。

secure：如果设为true，那么此Cookie的传输会要求一个安全协议。