jQuery操纵cookie(原生javascript处理cookie)
jQuery也是可以操作cookie的
1.首先下载jQuery.js 以及 jquery.cookie.js 这两个文件
2.安装(其实就是引用)
<html>
<head>
<!--引入jquery-->
<script type="text/javascript" src="jquery-2.1.1.min.js"></script>
<!--引入jquery-->
<script type="text/javascript" src="jquery.cookie.js"></script>
<script type="text/javascript">
$.cookie('name','123456789');//设置name=123456789的cookie
</script>
</head>
</html>
3.常用方法
3.1.新建cookie
$.cookie('name','value');
//直接使用就可以了
并不需要再
$(document).ready(function(){
$.cookie('name','value');
});
3.1.1.设置cookie有效期:
$.cookie('name','value',{expires:7});//有效期为7天
3.1.2.设置路径和有效期:
$.cookie('name','value',{expires:7,path:'/'});//有效期为7天,路径为 /
3.2.读取cookie
3.2.1.读取单个cookie
$.cookie('name'); // => "value",已经赋值的cookie
$.cookie('nothing'); // => undefined,访问不存在的cookie
3.2.2.读取全部cookie
$.cookie();//获取到的是一个数组 {"name":"value"}
3.3.删除cookie
3.3.1.按名字删除cookie,成功会返回true,否则为false
$.removeCookie('name');
3.3.2.如果用同名的cookie,需要加上路径才能正确删除
$.cookie('name','value',{path:'/'});
$.removeCookie('name');//不生效
$.removeCookie('name',{path:'/'});//这样才是正确的
更多信息可以参考:https://github.com/carhartl/jquery-cookie#readme
原生态的javascript也可以实现以上功能,只是稍微有点麻烦
新建cookie:
document.cookie="name=value";
读取cookie:
var cookies = document.cookie;
有兴趣的朋友可以查看:http://www.cnblogs.com/Darren_code/archive/2011/11/24/Cookie.html (谢谢这位朋友的分享)
jQuery操纵cookie(原生javascript处理cookie)的更多相关文章
- 你可能不需要 jQuery!使用原生 JavaScript 进行开发
很多的 JavaScript 开发人员,包括我在内,都很喜欢 jQuery.因为它的简单,因为它有很多丰富的插件可供使用,和其它优秀的工具一样,jQuery 让我们开发人员能够更轻松的开发网站和 We ...
- 抛弃jQuery,拥抱原生JavaScript
前端发展很快,现代浏览器原生 API 已经足够好用.我们并不需要为了操作 DOM.Event 等再学习一下 jQuery 的 API.同时由于 React.Angular.Vue 等框架的流行,直接操 ...
- asp(utf-8) set cookie 用 javascript 读cookie发现一个问题
asp: <%setCookie("user_id","test")%> //传一个cookie ,名: user_id 值:test java ...
- [转]抛弃jQuery,使用原生JavaScript
原文链接 Document Ready 事件 在jQuery中,document.ready可以让代码在整个文档加载完毕之后执行: $(document).ready(function() { // ...
- JavaScript BOM Cookie 的用法
JavaScript Cookie Cookie是计算机上存储在小文本文件中的数据.当Web服务器将网页发送到浏览器时,连接将关闭,服务器将忘记用户的所有内容.发明Cookie是为了解决“如何记住用户 ...
- 原生 JavaScript 代替 jQuery【转】
目录 用原生JavaScript代替jQuery Query Selector CSS & Style DOM Manipulation Ajax Events Utilities Promi ...
- 100个常用的原生JavaScript函数
1.原生JavaScript实现字符串长度截取 复制代码代码如下: function cutstr(str, len) { var temp; var icount = 0; var ...
- 10个原生JavaScript技巧
这些代码片段主要由网友们平时分享的作品代码里面和经常去逛网站然后查看源文件收集到的.把平时网站上常用的一些实用功能代码片段通通收集起来,方便网友们学习使用,利用好的话可以加快网友们的开发速度,提高工作 ...
- 原生javascript学习
首先在这里要非常感谢无私分享作品的网友们,这些代码片段主要由网友们平时分享的作品代码里面和经常去逛网站然后查看源文件收集到的.把平时网站上常用的一些实用功能代码片段通通收集起来,方便网友们学习使用,利 ...
随机推荐
- 解决 multiple definition of
总结了解决multiple definition of的方法: 问题原因: 当多个文件包含同一个头文件时,并且你的.H里面没有加上条件编译#ifndef TEST_H#define TEST_H ...
- Amazon成本和产出的衡量方式
Amazon用一种T-Shirt Size 估计的方式来做项目. 产品经理会对每一条需求评估上业务影响力的尺寸,如:XXXL 影响一千万人以上或是可以占到上亿美金的市场,XXL,影响百万用户或是占了千 ...
- [Linux]几个armhf的ubuntu源
摘自百度贴吧,留存 http://mirrors.ustc.edu.cn/ubuntu-ports/http://ftp.ubuntu-tw.org/mirror/ubuntu-ports/http: ...
- Linux测试上行和下载速率
下载安装speedtest-cli测试工具 方法一: pip3 install speedtest-cli 方法二: wget https://github.com/sivel/speedtest-c ...
- 为MAC配置终端环境iTerm2+Zsh+oh-my-zsh
首先展示下我的终端吧. 这就是我们为什么要配置iTerm2+Zsh+oh-my-zsh环境的原因: 我们使用zsh解释器,当然等你使用 zsh时就会知道zsh与bash对比的强大之处了. 至于我们的g ...
- 【 PLSQL Developer安装、tnsnames.ora配置 解答】
使用plsql远程连接数据库需要安装plsql工具+ oracle的远程客户端 在不登录的状态打开plsql: 点击工具---首选项:指定oracle客户端的安装路径: C:\javaSoft\PLS ...
- XML文件之创建
1.创建XML文档对象XmlDocument doc=new XmlDocument() 2.创建XML根节点变量XmlElement xmlElement 3.判断XML文件是否已经存在 1)若存在 ...
- WPF CompositionTarget
CompositionTarget 是一个类,表示其绘制你的应用程序的显示图面. WPF 动画引擎提供了许多用于创建基于帧的动画的功能. 但是,有应用程序方案中,您需要通过基于每个帧来呈现控件. Co ...
- hdu 4325 Flowers(区间离散化)
http://acm.hdu.edu.cn/showproblem.php?pid=4325 Flowers Time Limit: 4000/2000 MS (Java/Others) Mem ...
- c#实现AOP
AOP:面向切面编程,通过预编译方式或运行期动态代理实现程序功能的中统一处理业务逻辑的一种技术,比较常见的场景是:日志记录,错误捕获.性能监控等 AOP详解:https://www.cnblogs.c ...