jq-cookie

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6         <script src="js/jquery-1.12.3.js"></script>
 7         <script src="js/jquery.cookie.js"></script>
 8         <script>
 9             $(function(){
10
11                 //cookie
12                 //JS-cookie
13                 //document.cookie = "name=value; expires=过期日期;path=访问路径;domain=域名;secure";
14                 //JQ-cookie
15                 //$.cookie("name","zhangsan", {expires:7,path:"/"});
16
17                 //添加cookie
18                 $.cookie("name","zhangsan", {expires:7,path:"/"});
19
20                 //修改cookie
21                 //自动URI编码/解码
22                 $.cookie("name", "张三", {expires:7, path:"/"});
23
24                 //获取cookie
25                 console.log( $.cookie("name") ); //张三
26
27                 //删除cookie
28                 //将expires设置为0或负数
29                 $.cookie("name", "", {expires:-1, path:"/"});
30                 console.log( $.cookie("name") ); //undefined
31
32
33                 //存储对象
34                 var obj = {
35                     name: "张三",
36                     age: 33
37                 }
38                 $.cookie("person", obj, {expires:30, path:"/"});
39                 console.log( $.cookie("person") ); //"[object Object]"
40                 console.log( typeof $.cookie("person") ); //string
41
42                 //JSON序列化: JSON.stringify() 将对象转换为字符串
43                 //JSON解析:JSON.parse() 从字符串中解析出json对象
44                 $.cookie("person", JSON.stringify(obj), {expires:30, path:"/"});
45                 console.log( $.cookie("person") ); //"{"name":"张三","age":33}"
46                 console.log( JSON.parse($.cookie("person")).name ); //张三
47
48
49                 //存储数组
50                 var arr = [];
51                 arr.push({name: "张三", age:33});
52                 arr.push({name: "李四", age:44});
53                 arr.push({name: "王五", age:55});
54
55                 //将arr进行序列化后再存储
56                 $.cookie("persons", JSON.stringify(arr), {expires:30, path:"/"});
57                 console.log( $.cookie("persons") );
58                 //"[{"name":"张三","age":33},{"name":"李四","age":44},{"name":"王五","age":55}]"
59
60
61             })
62         </script>
63     </head>
64     <body>
65     </body>
66 </html>
时间: 2024-11-01 13:53:54

jq-cookie的相关文章

【JQ成长笔记】jQuery cookie的使用

jquery cookie挺好用的.简单实在.菜鸟都能用得上..额.文笔不好不好..咳咳.. 先来看看jq.cookie的aip 写入cookie $.cookie("this-cookie","this-value",{ expires:10,//有效日期 path:"/",//cookie的路 径 domanin: //cookie的域名 secure:true //true,cookie的传输会要求一个安全协议,否则反之 }); 读取coo

通过cookie实现搜索框内容保存关闭浏览器之前的操作、jq js实现方法

jq实现的方法: jq需要在页面中引入JQ.cookie插件 这是一个超轻量级插件 要实现的效果: 下面是jq代码: $(function(){ var til=$("#orderInfoContent");//获取到input搜索框 var vlue=$.cookie('plhder');//获取cookie值 til.attr('placeholder',vlue);//把获取到的cookie值attr到搜索框中 $("#orderInfoSelectIndex opti

jq操作cookie

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head> <title></title> <scr

利用jq并且添加上cookie的网页换肤

<body> <ul id="skin"> <li id="skin_0" title="灰色" class="selected">灰色</li> <li id="skin_1" title="紫色">紫色</li> <li id="skin_2" title="红色"&

jQ通过cookie记住用户名

总结要点: 一.封装的一个cookie函数: 二.获取input的value值:$("input[name=user]").val() 三.设置input的value值:$("input[name=user]").attr("value",getCookie("user")); <!DOCTYPE html><html lang="zh-CN"><head> <me

原生JS 的cookie和jq的cookie,

COOKIE基础及应用:1.什么是COOKIE==>页面用来保存信息,比如:自动登录,记住用户名2.COOKIE的特性:  --同一个网站中,所有的页面共享同一套cookie  --数量,大小有限(4k-10k,不能用来存大的内容)  --过期时间 Jquery写入cookie $.cookie("this-cookie","this-value",{    expires:10,//有效日期    path:"/",//cookie的路

【jq】插件—缓存jquery.cookie.js

jquery.cookie.js插件   轻量级cookie管理 1°下载地址:http://plugins.jquery.com/cookie/ 2°引入方式:(基于jquery) <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="js/jque

本地存储之cookie

cookie概述: Cookie 在计算机中是个存储在浏览器目录中的文本文件,当浏览器运行时,存储在 RAM 中发挥作用 (此种 Cookies 称作 Session Cookies), 一旦用户从该网站或服务器退出,Cookie 可存储在用户本地的硬盘上 (此种 Cookies 称作 Persistent Cookies). Cookie 是在 HTTP 协议下,服务器或脚本可以维护客户工作站上信息的一种方式. Cookie 是由 Web 服务器保存在用户浏览器(客户端)上的小文本文件,它可以

Jq 复选框、单选框取值操作、面板切换、cook

今天遇到这么几个问题: 1.$().map(); map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象. 2 选择器(: >) :是指定type  :input <input>元素 .radio  type="radio"的元素3.$('div :checkbox').each(function (){}) 就是遍历 div获取的每个值5.Jq只能用一次,就哟不了-->(只能触发一次单击事件) 我的循环使用调用2.0估计就

JS通过设置cookie来控制弹出层,首次打开页面显示弹出层

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>JS通过设置cookie来控制弹出层,首次打开页面显示弹出层,刷新页面不再显示:关闭浏览器重新打开.清除缓存cookie显示.</title&