码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2014-12-08 17:18:56      阅读:218      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   ar   color   使用   sp   java   

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

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

标签:style   blog   http   io   ar   color   使用   sp   java   

原文地址:http://www.cnblogs.com/tommy-huang/p/4151423.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!