jQuery也是可以操作cookie的

1.首先下载jQuery.js 以及 jquery.cookie.js 这两个文件

2.安装(其实就是引用)

<script type="text/javascript" src="jquery-2.1.1.min.js"></script>

<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学习
首先在这里要非常感谢无私分享作品的网友们,这些代码片段主要由网友们平时分享的作品代码里面和经常去逛网站然后查看源文件收集到的.把平时网站上常用的一些实用功能代码片段通通收集起来,方便网友们学习使用,利 ...

随机推荐

.NET中的FileUpload控件的使用-原生JS(二)
本篇使用原生JS进行数据传输,使用FileUpload控件上传文件,适配IE. HTML <div class="container"> <div class=& ...
深入理解Aspnet Core之Identity(2)
主题: 我将继续介绍Identity的账户简单管理,即是增删改查.我会只介绍增加和删除,修改功能代码我会上传到我的github上, 创建用户: 1.我在Model文件夹创建一个 CreateModel ...
FFmpeg命令详解
命令格式功能 FFmpeg命令是在ffmpeg.exe可执行文件环境下执行,ffmpeg.exe用于音视频的转码,加水印,去水印,视频剪切,提取音频,提取视频,码率控制等等功能. 最简单的命令 ff ...
逆变（contravariant）与协变（covariant）
逆变(contravariant)与协变(covariant)是C#4新增的概念,许多书籍和博客都有讲解,我觉得都没有把它们讲清楚,搞明白了它们,可以更准确地去定义泛型委托和接口,这里我尝试画图详细解 ...
python爬虫从入门到放弃（一）——试用bs4, request爬百度股票
文章实践主要来自于:https://mp.weixin.qq.com/s/FiKqb06nz0K0AD9VUWJapw 爬虫流程: 明确目的(哪些数据),确认网页可爬,查看源网页是否有需要的数据. b ...
String对象的简单方法（特别讲解length（）方法的实现。
length() 返回字符串中的字符数 charAt(index) 返回字符串中指定位置的字符 concat(s1) 将本字符串和字符串s1连接,返回一个新字符串 toUpperCase() 返 ...
tableView cell 设置圆角响应链
1. tableView的样式必须为 UITableViewStyleGrouped 样式否则cell设置的圆角无效. 2. delegate用weak和assign的区别: A:用weak修饰是为 ...
fastadmin的页面是如何生成的？
第一步: 访问URL http://www.fastadmin.cc/admin/mydir/test/index?addtabs=1 对应的方法是admin模块,controller文件夹下的myd ...
Hector 入门
导入jar包为了能够使用hector操作Cassandra数据库,首先导入hector的jar包,注意根据实际情况修改版本号 <dependency> <groupId>me ...
Servlet中相对路径与绝对路径
相对路径与绝对路径: 相对路径:相对路径指的是相对于当前文件所在目录的路径! http://localhost:8080/servlet01/ http://localhost:8080/servle ...

jQuery操纵cookie(原生javascript处理cookie)