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`,首先需要在页面中引入jQuery库和插件的JavaScript文件。在本例中,文件名为`jquery-cookies20160304`,这可能包含了插件的源代码。通常,我们需要将这两个文件链接到HTML文档的`<head>`部分...
jQuery库以其简洁易用的API,深受开发者喜爱,而`jquery.cookies.js`则是jQuery的一个插件,专门用于简化前端的Cookie操作,包括获取、设置和删除Cookie。 首先,我们要明白Cookie的基本概念。Cookie是由服务器端...
为了充分利用这个组件,开发者需要了解基本的jQuery知识和Cookies的工作原理,同时查阅插件的官方文档以获取详细的使用指南和示例。 总的来说,这个jQuery Cookies组件提供了一种简单、高效的方式来管理用户的...
首先,需要在页面中引入jQuery Cookie插件,然后就可以使用$.cookie()方法来设置、读取和删除cookies了。设置cookie的基本语法如下: ```javascript $.cookie("cookieName", "cookieValue", { expires: 7, path: '/...
本文主要介绍在 jQuery 中如何使用 Cookie,以及它的获取、存储和删除等操作,并结合实例说明其用法。 首先需要了解的是,当使用 jQuery 操作 Cookie 时,需要注意以下几个问题: 1. 当没有指定域(domain)和路径...
jQuery Cookie 插件使得操作 cookies 变得简单易行,比如设置、获取或删除 cookie,这对于实现用户会话管理、个性化设置或临时存储用户数据等功能非常有用。 **jQuery 的核心功能包括:** 1. **选择器(Selectors...
这个插件让开发者可以轻松地读取、写入和删除cookies。 接下来,我们来看看jQuery的核心特性: - **选择器**:jQuery提供了丰富的CSS选择器,使得选取DOM元素变得简单,如$("#id")选取ID为id的元素,$(".class")...
在本文中,我们将深入探讨jQuery中获取和删除cookie的方法,以及如何正确处理它们的属性。 首先,让我们了解cookie的基本属性。一个cookie通常包含以下四个关键属性: 1. **名称(Name)**:这是识别cookie的唯一...
`jQuery Cookies`,又称`jCookies`,是一个方便的jQuery插件,它简化了JavaScript中操作Cookies的过程,使得开发者能够更轻松地读取、设置和删除Cookies。 ### 1. 安装和引入jCookies 要使用`jCookies`,首先需要...
通过这个插件,开发者可以方便地读取、写入、删除浏览器cookies,从而实现用户数据的本地存储和跟踪。 接下来,我们详细探讨jQuery的核心特性: **选择器(Selectors)** jQuery 的核心在于其强大的选择器,它可以...
11.11 如何删除Cookies 11.12 获取当前页面的URL并添加样式 11.13 向表格追加一行数据 11.14 获取客户端IP 11.15 向Firebug的控制面板发送消息 11.16 根据不同的屏幕大小显示不同的网页 11.17 jQuery遍历对象的属性 ...
描述中提到"javascript、jquery获取cookies,设置cookies的插件",这意味着cookies.js不仅支持读取cookies(获取)的功能,还支持创建和更新cookies(设置)。在JavaScript和jQuery的上下文中,这个插件提供了一套...
使用传统的Javascript来设置和获取Cookies信息很麻烦,要写上几个函数来处理,幸运的是jQuery帮我们做了很多事,借助jQuery插件,我们可以轻松的创建、获取和删除Cookies。点击这里下载cookies插件:...
3. **事件处理**:当用户点击同意或拒绝按钮时,插件会触发相应的事件,方便开发者进行进一步的逻辑处理,如设置或删除cookies。 4. **自动化操作**:`jQuery CookieBar`可以配置为自动显示,也可以在页面加载后...
9. **前端状态管理**:如果应用规模较大,可能需要引入状态管理库(如Redux或Vuex),但基础的实现可能会直接在全局变量或jQuery对象中存储聊天状态。 10. **响应式设计**:考虑到不同设备的屏幕大小,聊天应用应...
在Web开发中,jQuery的使用几乎无处不在,而`jQuery.cookie`是jQuery的一个扩展插件,它允许我们在客户端存储数据,类似于浏览器的cookies。这个教程将深入讲解jQuery.cookie的使用方法和源码解析。 ### 1. jQuery....
最后,为了更好的管理Cookies,现代Web开发实践中常使用像`js-cookie`、`jquery-cookie`等第三方JavaScript库,它们提供了更加方便的API来设置、读取和删除Cookies。而PHP也有相应的库如`PHP-Cookie`,它们简化了对...