`
FireFlyWithCat
  • 浏览: 88334 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

关于jquery插件cookies的使用

阅读更多
下面就是一个例子:不过没有设置 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
2
0
分享到:
评论

相关推荐

    jQuery的Cookie插件 cookies

    jQuery的Cookie插件 cookies cookies 是一个强大的 jQuery 用来操作 Cookie 的插件。除了常见的操作 $.cookies.set( 'sessid', 'dh3tr62fghe' ); var sessid = $.cookies.get( 'sessid' ); $.cookies.del( 'sessid...

    jquery.cookies

    要使用jQuery Cookies插件,首先需要在项目中引入jQuery库和jQuery Cookies的JS文件。在本例中,文件名为`jquery.cookies.2.1.0.js`。确保该文件已放在正确的位置,并在HTML文档的`&lt;head&gt;`或`&lt;body&gt;`标签内通过`...

    jquery-cookies

    使用jQuery Cookies插件创建Cookie相当直观。以下是一个基本的创建Cookie的例子: ```javascript $.cookie('theCookie', 'theValue'); ``` 这里的`theCookie`是Cookie的名称,`theValue`是存储的数据。默认情况下...

    jquery.cookies.js

    《jQuery Cookies:前端Cookie操作利器》 在Web开发中,Cookie常常被用来存储用户的状态信息,如登录状态、个性化设置等。...在实际项目中,结合jQuery和其他jQuery插件,我们可以构建出更加动态和交互丰富的Web应用。

    jquery-cookies-1.4.1

    要使用`jQuery Cookies`,首先需要在页面中引入jQuery库和插件的JavaScript文件。在本例中,文件名为`jquery-cookies20160304`,这可能包含了插件的源代码。通常,我们需要将这两个文件链接到HTML文档的`&lt;head&gt;`部分...

    jquery.cookies.2.2.0.js.zip

    jquery.cookies.2.2.0.js是由Karsten Dambekalns开发的一个jQuery插件,它为jQuery提供了一套简单易用的接口,使开发者能够方便地创建、读取、更新和删除浏览器cookies。该插件遵循jQuery的API设计风格,易于理解和...

    jquery.cookies.2.2.0.min.js.zip

    jQuery Cookies是一个轻量级的jQuery插件,它为开发者提供了方便的API来操作Cookie。我们这里将深入解析jQuery Cookies 2.2.0的最小化版本——jquery.cookies.2.2.0.min.js,并探讨其主要功能和使用方法。 一、...

    jquery常用插件下载

    接着,`jquery.form.js`是一个非常实用的jQuery插件,它扩展了jQuery对HTML表单的支持。通过这个插件,你可以轻松实现异步提交表单(Ajax提交),并且提供了多种验证和回调函数,使表单处理变得更加灵活和可控。例如...

    jquery设置字体大小插件

    "jquery-font-size-event.js"就是这样一款旨在帮助开发者实现这一功能的jQuery插件。它允许用户轻松地动态修改网页中的字体大小,从而提高用户体验。 **jQuery库的运用** jQuery是一个广泛使用的JavaScript库,...

    jquery-cookie, 用于读取,写入和删除 Cookies的简单,轻量的jQuery插件.zip

    jquery-cookie, 用于读取,写入和删除 Cookies的简单,轻量的jQuery插件 jquery.cookie用于读取,写入和删除 Cookies的简单,轻量的jQuery插件。安装在jQuery库( 除非你是以某种方式打包脚本) 之后包含脚本:&lt;...

    Jquery插件EasyDrag拖动

    这个插件是基于广泛使用的jQuery框架构建的,因此它易于集成到现有的jQuery项目中。EasyDrag使得在网页上创建可拖动元素变得简单快捷,为用户提供了更丰富的交互体验。 ### 一、核心概念 1. **事件监听**:...

    Jquery TreeView 树形插件

    **jQuery TreeView 插件详解** 在Web开发中,为了展示层次结构的数据,树形视图是一种非常实用的布局方式。jQuery TreeView插件就是这样一个轻量级且强大的工具,它能够将HTML列表转化为交互式的树形结构,使得用户...

    cookies.js插件

    描述中提到"javascript、jquery获取cookies,设置cookies的插件",这意味着cookies.js不仅支持读取cookies(获取)的功能,还支持创建和更新cookies(设置)。在JavaScript和jQuery的上下文中,这个插件提供了一套...

    可进行COOKIES操作的JQUERY组件

    使用这个jQuery Cookies插件,开发者可以轻松地执行以下操作: - 设置Cookie:例如,`$.cookie('myCookie', 'value', { expires: 7, path: '/' });` 会创建一个名为'myCookie',值为'value'的Cookie,并设置其有效期...

    自定义jquery-wizard插件

    - **jquery.min.js**:这是jQuery库的最小化版本,用于提供JavaScript的基础支持,是大多数jQuery插件运行的基石。 - **jquery-wizard.1.0.js**:这是核心插件脚本,实现了Wizard的逻辑,如步骤切换、验证、事件...

    jquery操作cookies

    使用jQuery Cookie插件设置Cookie非常简单,只需调用`$.cookie()`方法即可。基本语法如下: ```javascript $.cookie('cookieName', 'cookieValue', { options }); ``` - `'cookieName'`:表示Cookie的名称,字符串...

    JQuery-Cookies-Message:非常简单的 JQuery 插件,可以轻松地在网站上显示 Cookie Low 横幅。 完全可定制

    非常简单的 JQuery 插件,可以轻松地在网站上显示 Cookies Low 横幅。 完全可定制。 特征 易于实施 可定制的颜色和文本 多个按钮组合和可自定义的链接样式 自定义cookie过期时间记住用户的选择 桌面和移动设备的响应...

    Facebook表情符号jQuery插件.zip

    【Facebook表情符号jQuery插件】是一款专为网页交互设计的工具,它利用JavaScript库jQuery的高效性能和广泛兼容性,为用户提供了一种便捷的方式来展示和选择Facebook风格的表情符号。这款插件的核心功能在于,当用户...

    cookies的使用方法

    本篇文章将详细探讨如何使用jQuery结合cookies.js插件来管理Cookies。 首先,我们需要了解jQuery库,它是一个广泛使用的JavaScript库,简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。在我们的场景中,...

    jquery.params.js传值插件下载

    `jquery.params.js`是一个jQuery插件,专门用于处理URL参数和在多个HTML页面间传递数据,无需通过服务器作为中介。这个插件提供了一个方便的方法来获取和设置URL查询字符串,使得开发者能够更加灵活地在前端处理数据...

Global site tag (gtag.js) - Google Analytics