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 (谢谢这位朋友的分享)

				
时间: 2024-09-29 21:05:14

jQuery操纵cookie(原生javascript处理cookie)的相关文章

抛弃jQuery,拥抱原生JavaScript

前端发展很快,现代浏览器原生 API 已经足够好用.我们并不需要为了操作 DOM.Event 等再学习一下 jQuery 的 API.同时由于 React.Angular.Vue 等框架的流行,直接操作 DOM 不再是好的模式,jQuery 使用场景大大减少.因此我们项目组在双十一后抽了一周时间,把所有代码中的 jQuery 移除.下面总结一下: Why not jQuery 1. 模式变革 jQuery 代表着传统的以 DOM 为中心的开发模式,但现在复杂页面开发流行的是以 React 为代表

你可能不需要 jQuery!使用原生 JavaScript 进行开发

jquery 转原生js 的一些方法 / jq转js / jquery与js. 很多的 JavaScript 开发人员,包括我在内,都很喜欢 jQuery.因为它的简单,因为它有很多丰富的插件可供使用,和其它优秀的工具一样,jQuery 让我们开发人员能够更轻松的开发网站和 Web 应用. 然而,另一方面,作为前端开发的基础框架,jQuery 包含大量的兼容性代码和扩展功能,其中有很多在你的整个项目中可能都不会用到.其实如果你只是针对现代浏览器,很多功能使用原生的 JavaScript 就可以实

PHP的cookie与Javascript的cookie的关系

PHP 读写cookie的语句: setcookie("user", "Lilu", time()+3600); echo $_COOKIE["user"]; javascript读写cookie代码: function SetCookie(name,value)//两个参数,一个是cookie的名子,一个是值 { var Days = 30; //此 cookie 将被保存 30 天 var exp = new Date(); //new Da

asp(utf-8) set cookie 用 javascript 读cookie发现一个问题

asp: <%setCookie("user_id","test")%>   //传一个cookie ,名: user_id 值:test javascript: <script>alert(getCookie("user_id")); //读取结果显示 null   晕!</script> 用 firefox 查看cookie,发现浏览器存放的cookie有点不同. cookie的名:user_id 改成了

为什么原生 JavaScript 开发越来越多受欢迎?是否应该跟风用原生JavaScript代替 jQuery等库?

本文标签:  jQuery的作用 原生JavaScript优势 jQuery官网 jQuery处理DOM和跨浏览器 JavaScript新特性 互联网杂谈 随着 JavaScript 本身的完善,越来越多的人开始喜欢使用原生 JavaScript 开发代替各种库,其中不少人发出了用原生 JavaScript 代替 jQuery 的声音.这并不是什么坏事,但也不见得就是好事.如果你真的想把 jQuery从前端依赖库中移除掉,我建议你慎重考虑. 首先 jQuery 是一个第三方库.库存在的价值之一在

为什么要用原生 JavaScript 代替 jQuery?

随着 JavaScript 本身的完善,越来越多的人开始喜欢使用原生 JavaScript 开发代替各种库,其中不少人发出了用原生 JavaScript 代替 jQuery 的声音.这并不是什么坏事,但也不见得就是好事.如果你真的想把 jQuery 从前端依赖库中移除掉,我建议你慎重考虑. 首先 jQuery 是一个第三方库.库存在的价值之一在于它能极大地简化开发.一般情况下,第三方库都是由原生语言特性和基础 API 库实现的.因此,理论上来说,任何库第三方库都是可以用原生语言特性代替的,问题在

JavaScript BOM Cookie 的使用

JavaScript Cookie Cookie是计算机上存储在小文本文件中的数据.当Web服务器将网页发送到浏览器时,连接将关闭,服务器将忘记用户的所有内容.发明Cookie是为了解决"如何记住用户信息"的问题:当用户访问网页时,他/她的名字可以存储在cookie中.下次用户访问该页面时,cookie会"记住"他/她的名字.Cookie以键值对形式保存,如: username = John Doe 当浏览器从服务器请求网页时,属于该页面的cookie将添加到请求中

原生JavaScript技巧大收集100个

原生JavaScript技巧大收集 1.原生JavaScript实现字符串长度截取function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str.substr(i, 1); if (patrn.ex

原生JavaScript技巧大收集(1~10)

1.原生JavaScript实现字符串长度截取 01 function cutstr(str, len) { 02     var temp; 03     var icount = 0; 04     var patrn = /[^\x00-\xff]/; 05     var strre = ""; 06     for (var i = 0; i < str.length; i++) { 07         if (icount < len - 1) { 08