用法:
<html>
<head>
<title>JQuery-Cookie插件</title>
<script type="text/javascript" src="jquery-1.4.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>
</head>
<body>
<a href="#">设置cookie1</a><br>
<a href="#">设置cookie2</a><br>
<a href="#">获取cookie</a><br>
<a href="#">删除cookie</a><br>
</body>
</html>
<script type="text/javascript">
$(function(){
var COOKIE_NAME = 'test_cookie';
//设置cookie,通过时间间隔
$('a').eq(0).click(function() {
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: 1 });
return false;
});
// 设置cookie,到期时间
$('a').eq(1).click(function() {
var date = new Date();
date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000));
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: date });
return false;
});
// 获取 cookie
$('a').eq(2).click(function() {
alert($.cookie(COOKIE_NAME));
return false;
});
// 删除cookie
$('a').eq(3).click(function() {
$.cookie(COOKIE_NAME, null, { path: '/' });
return false;
});
});
</script>
源码
jQuery.cookie = function(name, value, options) {
if (typeof value != 'undefined') { // name and value given, set cookie
options = options || {};
if (value === null) {
value = '';
options.expires = -1;
}
var expires = '';
if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
var date;
if (typeof options.expires == 'number') {
date = new Date();
date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
} else {
date = options.expires;
}
expires = '; expires=' + date.toUTCString();
}
var path = options.path ? '; path=' + (options.path) : '';
var domain = options.domain ? '; domain=' + (options.domain) : '';
var secure = options.secure ? '; secure' : '';
document.cookie = [name, '=', encodeURIComponent(value), expires, path, domain, secure].join('');
} else {
var cookieValue = null;
if (document.cookie && document.cookie != '') {
var cookies = document.cookie.split(';');
for (var i = 0; i < cookies.length; i++) {
var cookie = jQuery.trim(cookies[i]);
if (cookie.substring(0, name.length + 1) == (name + '=')) {
cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
break;
}
}
}
return cookieValue;
}
};
详细出处参考:http://www.jb51.net/article/22942.htm
分享到:
相关推荐
首先,jQuery Cookie插件是基于JavaScript库jQuery的一个扩展,它使得在浏览器端设置、读取和删除Cookie变得更加简单。要使用这个插件,你需要在项目中引入jQuery库和jQuery Cookie插件的JavaScript文件。假设你的...
jQuery Cookie 插件是基于 jQuery 的一个强大工具,它为开发者提供了简单易用的接口来读取、创建、修改和删除浏览器中的 Cookies。这个插件极大地简化了与 Cookie 相关的操作,让开发者无需深究底层的 JavaScript ...
该插件基于jQuery库,使得在Java环境中处理Cookie变得更加简单。 jQuery Cookie插件的核心功能在于提供了一套直观易用的API,用于操作Cookie。例如,我们可以通过以下方式设置一个名为"user_id"的Cookie: ```...
该插件基于jQuery核心库,因此首先需要引入jQuery.min.js。以下是基本用法: 1. **引入依赖** 在HTML文件中,先引入jQuery.min.js,然后引入jquery.cookie.js: ```html <script src="jquery.min.js"> ...
jQuery的Cookie插件允许开发者在客户端存储数据,这在购物车场景下非常有用,因为它可以记住用户的选择,即使页面刷新或关闭后,再次打开时购物车中的商品信息依然存在。 Cookie是Web浏览器在用户计算机上存储的...
**jQuery和jQuery Cookie插件详解** 在Web开发领域,jQuery是一个非常重要的JavaScript库,它极大地简化了DOM操作、事件处理、动画制作以及Ajax交互。jQuery.js是这个库的核心文件,包含了许多实用的功能,使得...
jQueryCookie 免责声明(版本 1.1.0) 根据欧盟法律的 jquery cookie 免责声明栏概述此插件加载一个免责声明栏,您可以在其中显示一些自定义文本和按钮。 您可以选择样式、按钮类和 ID、cookie 过期时间、cookie ...
**jQuery对Cookie的操作** ... jQuery.cookie插件 在jQuery中处理Cookie,通常需要使用一个名为`jQuery.cookie`的插件。首先确保已引入该插件,通常通过CDN或者将其下载到本地项目中引入: ```html ...
popBaseball是一款基于jQuery的拖拽插件,它允许用户通过拖放操作在网页上进行交互,而无需依赖cookie来存储或追踪用户的行为。这款插件对于创建动态、交互式的Web应用或者游戏非常有用,尤其是那些希望避免使用...
4. 使用jQuery的Cookie插件(如jQuery.cookie.js)设置Cookie,将JSON字符串存储在其中。 5. 当需要读取Cookie中的数据时,反序列化字符串回JSON对象,并在页面上显示或使用这些数据。 6. 同样,如果需要删除Cookie...
1. **jQuery**:指代了这个项目基于jQuery框架,意味着它将利用jQuery的API和方法。 2. **js**:JavaScript的缩写,表示这个项目是用JavaScript语言编写的,因为jQuery本身就是用JavaScript构建的库。 3. **插件**:...
这篇详述将深入探讨jQuery、JSON以及JSONCookie插件的相关知识。 首先,jQuery是由John Resig于2006年创建的一个轻量级的JavaScript库。它的主要优势在于提供了一种更简洁、易读的API来操作DOM(文档对象模型),并...
在网页开发中,验证码是一种...总的来说,这个"实用的jQuery验证码插件"提供了便捷的方式来集成验证码功能到基于jQuery的网页项目中,通过合理的CSS样式和JavaScript逻辑,可以实现一个既安全又易于使用的验证码系统。
要实现一个基于`jquery.cookie`的倒计时,我们需要遵循以下步骤: 1. **引入资源**:在HTML文件中,首先需要引入jQuery库和`jquery.cookie`插件。可以通过CDN链接或者本地文件路径来引入: ```html ...
而jQuery插件则是开发者基于jQuery核心开发的扩展功能,可以方便地添加到项目中,以实现特定的功能需求。本文将详细介绍在"25种JQuery插件"压缩包中的部分插件及其应用。 1. **facebox-1.2.tar.gz** Facebox是一款...
在描述中提到了"city-picker"、"jquery-ztree"、"jquery-ocupload"和"jquery-cookie",这些都是基于jQuery的插件: - **city-picker** 是一个用于选择城市和地区的插件,通常用于地址输入或地理位置选择。 - **...
**jQuery Cookie插件**(版本1.3.1)是基于jQuery的一个轻量级插件,主要用于在Web应用程序中处理浏览器的`Cookie`。该插件由Klaus Hartl开发,并采用MIT许可发布。插件的主要功能包括设置和获取`Cookie`,支持`JSON...
本压缩包“一个简单的基于jQuery的五角星评分插件.zip”提供了一个简单易用的五角星评分组件,适用于网页中的评分展示和用户反馈。 该插件的核心功能是实现用户可以通过鼠标悬停或点击五角星来选择评分,同时在后台...
总的来说,"基于jQuery的ajax对话框"是一个结合了jQuery、Ajax和对话框插件的网页组件,它允许用户在不离开当前页面的情况下加载和查看新的内容,提高了网页的交互性和用户体验。开发者可以通过定制各种参数和回调...