`

jQuery 如何存储,获取和删除 Cookies

 
阅读更多

jQuery.cookie = function(name, value, options) {
	if (typeof value != 'undefined') {
		options = options || {};
		if (value === null) {
			value = '';
			options = $.extend({}, options);
			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;
	}
};

 

$(document).ready(function() {
	$('#write_cokies').click(function(){
		$.cookie('name', 'test',{expires: 7});				  
	});
	$('#read_ookies').click(function(){
		var test = $.cookie('name');
		alert (test);
	});
	$('#delete_cookies').click(function(){
		$.cookie('name', null);							  
	});
});
 
分享到:
评论

相关推荐

    jquery-cookies-1.4.1

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

    jquery.cookies.js

    jQuery库以其简洁易用的API,深受开发者喜爱,而`jquery.cookies.js`则是jQuery的一个插件,专门用于简化前端的Cookie操作,包括获取、设置和删除Cookie。 首先,我们要明白Cookie的基本概念。Cookie是由服务器端...

    可进行COOKIES操作的JQUERY组件

    为了充分利用这个组件,开发者需要了解基本的jQuery知识和Cookies的工作原理,同时查阅插件的官方文档以获取详细的使用指南和示例。 总的来说,这个jQuery Cookies组件提供了一种简单、高效的方式来管理用户的...

    怎样使用php与jquery设置和读取cookies

    首先,需要在页面中引入jQuery Cookie插件,然后就可以使用$.cookie()方法来设置、读取和删除cookies了。设置cookie的基本语法如下: ```javascript $.cookie("cookieName", "cookieValue", { expires: 7, path: '/...

    jquery中cookie用法实例详解(获取,存储,删除等)

    本文主要介绍在 jQuery 中如何使用 Cookie,以及它的获取、存储和删除等操作,并结合实例说明其用法。 首先需要了解的是,当使用 jQuery 操作 Cookie 时,需要注意以下几个问题: 1. 当没有指定域(domain)和路径...

    jquery.相关文件

    jQuery Cookie 插件使得操作 cookies 变得简单易行,比如设置、获取或删除 cookie,这对于实现用户会话管理、个性化设置或临时存储用户数据等功能非常有用。 **jQuery 的核心功能包括:** 1. **选择器(Selectors...

    jquery 依赖·js

    这个插件让开发者可以轻松地读取、写入和删除cookies。 接下来,我们来看看jQuery的核心特性: - **选择器**:jQuery提供了丰富的CSS选择器,使得选取DOM元素变得简单,如$("#id")选取ID为id的元素,$(".class")...

    jQuery获取cookie值及删除cookie用法实例

    在本文中,我们将深入探讨jQuery中获取和删除cookie的方法,以及如何正确处理它们的属性。 首先,让我们了解cookie的基本属性。一个cookie通常包含以下四个关键属性: 1. **名称(Name)**:这是识别cookie的唯一...

    jquery-cookies:jCookies,一个 jQuery 插件,让获取和设置 HTTP Cookies 变得轻而易举

    `jQuery Cookies`,又称`jCookies`,是一个方便的jQuery插件,它简化了JavaScript中操作Cookies的过程,使得开发者能够更轻松地读取、设置和删除Cookies。 ### 1. 安装和引入jCookies 要使用`jCookies`,首先需要...

    jquery开发包

    通过这个插件,开发者可以方便地读取、写入、删除浏览器cookies,从而实现用户数据的本地存储和跟踪。 接下来,我们详细探讨jQuery的核心特性: **选择器(Selectors)** jQuery 的核心在于其强大的选择器,它可以...

    超实用的jQuery代码段

    11.11 如何删除Cookies 11.12 获取当前页面的URL并添加样式 11.13 向表格追加一行数据 11.14 获取客户端IP 11.15 向Firebug的控制面板发送消息 11.16 根据不同的屏幕大小显示不同的网页 11.17 jQuery遍历对象的属性 ...

    cookies.js插件

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

    使用jQuery操作Cookies的实现代码

    使用传统的Javascript来设置和获取Cookies信息很麻烦,要写上几个函数来处理,幸运的是jQuery帮我们做了很多事,借助jQuery插件,我们可以轻松的创建、获取和删除Cookies。点击这里下载cookies插件:...

    前端项目-jquery-cookiebar.zip

    3. **事件处理**:当用户点击同意或拒绝按钮时,插件会触发相应的事件,方便开发者进行进一步的逻辑处理,如设置或删除cookies。 4. **自动化操作**:`jQuery CookieBar`可以配置为自动显示,也可以在页面加载后...

    JQUERY实现的聊天

    9. **前端状态管理**:如果应用规模较大,可能需要引入状态管理库(如Redux或Vuex),但基础的实现可能会直接在全局变量或jQuery对象中存储聊天状态。 10. **响应式设计**:考虑到不同设备的屏幕大小,聊天应用应...

    【JQuery经典教程】带JQuery.cookie源码!

    在Web开发中,jQuery的使用几乎无处不在,而`jQuery.cookie`是jQuery的一个扩展插件,它允许我们在客户端存储数据,类似于浏览器的cookies。这个教程将深入讲解jQuery.cookie的使用方法和源码解析。 ### 1. jQuery....

    php读取javascript设置的cookies的代码

    最后,为了更好的管理Cookies,现代Web开发实践中常使用像`js-cookie`、`jquery-cookie`等第三方JavaScript库,它们提供了更加方便的API来设置、读取和删除Cookies。而PHP也有相应的库如`PHP-Cookie`,它们简化了对...

Global site tag (gtag.js) - Google Analytics