jquery插件--Cookie插件jquery.cookes.js

最新推荐文章于 2024-08-26 14:02:45 发布

ninejj

最新推荐文章于 2024-08-26 14:02:45 发布

阅读量478

点赞数

分类专栏： cookie 文章标签： cookie jquery插件 session

cookie 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个实用的 jQuery Cookie 插件，该插件简化了客户端Cookie的管理和操作过程。通过实例演示如何安装和使用插件来设置、读取及删除Cookie。详细解释了插件的参数配置选项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

jquery插件--Cookie插件jquery.cookes.js

Cookie是网站设计者放置在客户端的小文本文件。Cookie能为用户提供很多的使得，例如购物网站存储用户曾经浏览过的产品列表，或者门户网站记住用户喜欢选择浏览哪类新闻。在用户允许的情况下，还可以存储用户的登录信息，使得用户在访问网站时不必每次都键入这些信息

Cookie下载地址： http://plugins.jquery.com/project/cookie

使用方法：

1.引入jquery.cookie.js

 
    [javascript] 
    
    view plain
    copy
    print
    ?
   
 "scripts/jquery-1.6.4.js" type="text/javascript">  
 "scripts/jquery.cookie.js" type="text/javascript">  

2.将cookie写入文件

 
    [javascript] 
    
    view plain
    copy
    print
    ?
   
     var COOKIE_NAME = 'username';  
     if( $.cookie(COOKIE_NAME) ){  
         $("#username").val(  $.cookie(COOKIE_NAME) );  
     }  
     $("#check").click(function(){  
         if(this.checked){  
             $.cookie(COOKIE_NAME, $("#username").val() , { path: '/', expires: 10 });  
             //var date = new Date();  
             //date.setTime(date.getTime() + (3 * 24 * 60 * 60 * 1000)); //三天后的这个时候过期  
             //$.cookie(COOKIE_NAME, $("#username").val(), { path: '/', expires: date });  
         }else{  
             $.cookie(COOKIE_NAME, null, { path: '/' });  //删除cookie  
         }  
     });  

参数设置：
expires: (Number | Date) 有效期，可以设置一个整数作为有效期（单位：天），也可以设置一个日期对象作为Cookie的过期日期。如果指定日期为负数，那么此cookie将被删除；如果不设置或者设置为null，那么此cookie将被当作Session Cookie处理，并且在浏览器关闭后删除

path: (String) Cookie的路径属性，默认是创建该cookie的页面路径

domain: (String) Cookie的域名属性，默认是创建该cookie的页面域名

secure: (Boolean) 如果设为true，那么此cookie的传输会要求一个安全协议，例如HTTPS