下面就是一个例子：不过没有设置 domain、path、hoursToLive……几个属性，所以一旦关闭浏览器就不会保存cookie了。
<html>
<head>
<script type="text/javascript" src="jquery.js"></script> //插入js
<script type="text/javascript" src="jquery.cookies.2.2.0.min.js"></script>//插入插件。注意：这个插件一定要放在jquery文件的后面，否则不会生效
<script type="text/javascript">
$(document).ready(function(){
$(".tijiao").click(function(){ //触发button事件
$.cookies.set('name',$(".userName").value);
$.cookies.set('password',$(".password").value); //把表单中得到的value存入cookie
alert("已经存入cookie");
});
var userN=$.cookies.get( 'name' );
var userP=$.cookies.get( 'password' ); //从cookie中读取数据
if(userN!=""&&userN!=null&&userP!=""&&userP!=null)
{$(".userName").value=userN;
$(".password").value=userP; // 赋值
}
else{
alert("userName or password is not exist");};
})
</script>
</head>
<body>
<div>
<table>
<tr id="name">
<td><lable>用户名：</lable></td>
<td><input type="text" class="userName" value=""/></td>
</tr>
<tr>
<td><lable>密码：</lable></td>
<td><input type="password1" class="password" value=""/></td>
</tr>
<tr>
<td><input type="button" class="tijiao" value="登录"/></td>
</tr>
</table>
</div>
</body>
</html>
要想设置cookie的其他属性就看这个：
var newOptions = {
domain: '*.mydomain.com',//设置域
path: '/somedir',//设置路径
expiresAt: new Date( 2011, 1, 1 ),//设置cookie失效时间
hoursToLive:0.01//设置cookie存活时间
secure: true//是否保护
}
详情请查看：
http://code.google.com/p/cookies/wiki/Documentation#Test_if_browser_is_accepting_cookies
分享到：
相关推荐
jQuery的Cookie插件 cookies cookies 是一个强大的 jQuery 用来操作 Cookie 的插件。除了常见的操作 $.cookies.set( 'sessid', 'dh3tr62fghe' ); var sessid = $.cookies.get( 'sessid' ); $.cookies.del( 'sessid...
要使用jQuery Cookies插件，首先需要在项目中引入jQuery库和jQuery Cookies的JS文件。在本例中，文件名为`jquery.cookies.2.1.0.js`。确保该文件已放在正确的位置，并在HTML文档的`<head>`或`<body>`标签内通过`...
使用jQuery Cookies插件创建Cookie相当直观。以下是一个基本的创建Cookie的例子： ```javascript $.cookie('theCookie', 'theValue'); ``` 这里的`theCookie`是Cookie的名称，`theValue`是存储的数据。默认情况下...
《jQuery Cookies：前端Cookie操作利器》 在Web开发中，Cookie常常被用来存储用户的状态信息，如登录状态、个性化设置等。...在实际项目中，结合jQuery和其他jQuery插件，我们可以构建出更加动态和交互丰富的Web应用。
要使用`jQuery Cookies`，首先需要在页面中引入jQuery库和插件的JavaScript文件。在本例中，文件名为`jquery-cookies20160304`，这可能包含了插件的源代码。通常，我们需要将这两个文件链接到HTML文档的`<head>`部分...
jquery.cookies.2.2.0.js是由Karsten Dambekalns开发的一个jQuery插件，它为jQuery提供了一套简单易用的接口，使开发者能够方便地创建、读取、更新和删除浏览器cookies。该插件遵循jQuery的API设计风格，易于理解和...
jQuery Cookies是一个轻量级的jQuery插件，它为开发者提供了方便的API来操作Cookie。我们这里将深入解析jQuery Cookies 2.2.0的最小化版本——jquery.cookies.2.2.0.min.js，并探讨其主要功能和使用方法。 一、...
接着，`jquery.form.js`是一个非常实用的jQuery插件，它扩展了jQuery对HTML表单的支持。通过这个插件，你可以轻松实现异步提交表单（Ajax提交），并且提供了多种验证和回调函数，使表单处理变得更加灵活和可控。例如...
"jquery-font-size-event.js"就是这样一款旨在帮助开发者实现这一功能的jQuery插件。它允许用户轻松地动态修改网页中的字体大小，从而提高用户体验。 **jQuery库的运用** jQuery是一个广泛使用的JavaScript库，...
jquery-cookie, 用于读取，写入和删除 Cookies的简单，轻量的jQuery插件 jquery.cookie用于读取，写入和删除 Cookies的简单，轻量的jQuery插件。安装在jQuery库( 除非你是以某种方式打包脚本) 之后包含脚本：<...
这个插件是基于广泛使用的jQuery框架构建的，因此它易于集成到现有的jQuery项目中。EasyDrag使得在网页上创建可拖动元素变得简单快捷，为用户提供了更丰富的交互体验。 ### 一、核心概念 1. **事件监听**：...
**jQuery TreeView 插件详解** 在Web开发中，为了展示层次结构的数据，树形视图是一种非常实用的布局方式。jQuery TreeView插件就是这样一个轻量级且强大的工具，它能够将HTML列表转化为交互式的树形结构，使得用户...
描述中提到"javascript、jquery获取cookies，设置cookies的插件"，这意味着cookies.js不仅支持读取cookies（获取）的功能，还支持创建和更新cookies（设置）。在JavaScript和jQuery的上下文中，这个插件提供了一套...
使用这个jQuery Cookies插件，开发者可以轻松地执行以下操作： - 设置Cookie：例如，`$.cookie('myCookie', 'value', { expires: 7, path: '/' });` 会创建一个名为'myCookie'，值为'value'的Cookie，并设置其有效期...
- **jquery.min.js**：这是jQuery库的最小化版本，用于提供JavaScript的基础支持，是大多数jQuery插件运行的基石。 - **jquery-wizard.1.0.js**：这是核心插件脚本，实现了Wizard的逻辑，如步骤切换、验证、事件...
使用jQuery Cookie插件设置Cookie非常简单，只需调用`$.cookie()`方法即可。基本语法如下： ```javascript $.cookie('cookieName', 'cookieValue', { options }); ``` - `'cookieName'`：表示Cookie的名称，字符串...
非常简单的 JQuery 插件，可以轻松地在网站上显示 Cookies Low 横幅。 完全可定制。 特征 易于实施 可定制的颜色和文本 多个按钮组合和可自定义的链接样式 自定义cookie过期时间记住用户的选择 桌面和移动设备的响应...
jquery cookie.js 官方下载，一款优秀的 jquery 插件，提供了非常轻量级、简单、实用的操作 cookie 的方法，包括读写、删除等操作，jquery cookie 路径，jquery cookie 时间，jquery cookie 有效期，jquery cookie ...
【Facebook表情符号jQuery插件】是一款专为网页交互设计的工具，它利用JavaScript库jQuery的高效性能和广泛兼容性，为用户提供了一种便捷的方式来展示和选择Facebook风格的表情符号。这款插件的核心功能在于，当用户...
本篇文章将详细探讨如何使用jQuery结合cookies.js插件来管理Cookies。 首先，我们需要了解jQuery库，它是一个广泛使用的JavaScript库，简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。在我们的场景中，...