19JQuery笔记----------------------JQuery插件： JQuery cookie

JQuery插件： JQuery cookie
什么是cookie：Cookie就是保存在浏览器上的内容，用户在这次浏览页
面的时候向Cookie中保存文本内容，下次再访问页面的时候就可以取出

 1 <!DOCTYPE html>
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 5     <title></title>
 6    
 7     <script src="jquery-1.8.3.min.js"></script>
 8     <script src="jquery.cookie.js"></script>
 9     <script type="text/javascript">
10         $(function () {
11             $('#btnSave').click(function () {              
12                 var name= $('#txt').val();
13                 if ($.cookie('userName') == null) {
14                     $.cookie('userName', name);
15                 } else {
16                     $('span').text('欢迎' + $.cookie('userName') + '');
17                 };
18                
19             });
20         });
21     </script>
22 
23 </head>
24 <body>
25     <span>欢迎菜鸟</span>>
26     <input type="text" name="name" value="" id="txt" />
27     <input type="button" name="name" value="保存" id="btnSave" />
28 
29 </body>
30 
31 </html>

来上次保存的内容，这样就可以得到上次“记忆”的内容。Cookie不是
JQuery特有的概念，只不过JQueryCookie把它简化的更好用而已。
Cookie就是存储在浏览器里的一些数据。（不能在IE中存，FF中取）
l Cookie需要浏览器的支持，浏览器的Cookie是可以禁用的，如果禁用了
Cookie就不能使用了，不过一般不用考虑禁用Cookie的情况。Cookie的
几个特征：Cookie是与域名相关的，所以163.com不能读取baidu.com
记录的Cookie，正因为如此读取、设置Cookie的时候不用担心不同域名
cookie的冲突；一个域名能写入的Cookie总尺寸是有限制的，一般是是
几千字节，能写入的Cookie总条数一般是几十条，超过以后浏览器自己
会根据自己的策略移除一些Cookie；Cookie不是写入以后一定下次能读
出来，浏览器可能会定期清除、用户也可能会手动清除。写到Cookie中
的数据一定是可有可无的数据，像防止投票作弊就不能用Cookie。

使用方法，Cookie保存的是键值对
• 1、添加对jquery.cookie.js
• 2、设置值，$.cookie('名字', '值')。cookie中保存的值都是文本。
• 3、读取值，var v=$.cookie('名字')
• alert($.cookie("用户名"));
• $.cookie("用户名","tom");在同域名的另外一个页面中也能读取到。
案例：点击登录以后保存用户名，再登录的时候读取上次保存的用户名，帮用户填上
设置值的时候还可以指定第三个参数，$.cookie(‘名字’, ‘值’, { expires: 7, path: ‘/’,
domain: ‘itcast.cn’, secure: true })，expires表示要求浏览器保留Cookie几天，这个值
只是给浏览器的建议，可能没到时间就已经被清除了。可以实现“勾选【记录我的用户
名10天】”的功能。如果不设定expires在浏览器关闭以后就清除，options参数用哪个
设置哪个。Cookie存在哪？IE中是存在临时文件夹中以cookie开头的文件

19JQuery笔记----------------------JQuery插件： JQuery cookie

推荐阅读