Jquery李炎恢—53cookie插件【19】

转载 2016年08月29日 21:04:47

学习要点:

1.使用cookie插件

2.注册直接登录


cookie是网站用来在客户端保存识别用户的一种小文件。一般来用库可以保存用户登录信息、购物数据信息等一系列微小信息。


一、使用cookie插件

官方网站:http://plugins.jquery.com/cookie/

//生成一个cookie

$.cookie("user","bnbbs");


//设置cookie参数

$.cookie("user","bnbbs",{

   expires:7,                             //过期时间,7天后

    path:"/",                               //设置路径,上一层

    domain:"www.ycku.com",   //设置域名

    secure:true,                        //默认为false,需要使用安全协议https    

});


//关闭编码/解码,默认为false

$.cookie.raw=true;


//读取cookie数据

alert($.cookie("user"));


//读取所有cookie数据

alert($.cookie());


注意:读取所有的cookie是以对象键值对存放的,所以,也可以$.cookie().user获取。


//删除cookie

$.removeCookie("user");


//删除指定路径cookie

$.removeCookie("user",{

     path:"/",

});


二、注册直接登录

把cookie引入到知问前端中去。

//HTML部分

<div class="header_member">

   <a href="javascript.void(0)" id="reg_a">注册</a>

   <a href="javascript.void(0)" id="member">用户</a>


    <a href="javascript.void(0)" id="login_a">登录</a>

    <a href="javascript.void(0)" id="logout">退出</a>

</div>


//jQuery部分

$("#member,#logout").hide();


if($.cookie("user")){

   $("#member,#logout").show();

   $("#reg_a,#login_a").hide();

}else{

   $("#member,#logout").hide();

   $("#reg_a,#login_a").show();

}


$("#logout").click(function(){

   $.removeCookie("user");

   window.location.href="/jquery/";

});


success:function(responseText,statusText){

   $("#reg_a,#login_a").hide();

   $("#member,#logout").hide();

   $("#member").html($.cookie("user"));


  $("#member").html($.cookie("user"));

}

北风网 李炎恢老师全部视频教程下载地址大全

(1)啥都不说了【北风网 李炎恢老师】视频教程大全百度网盘下载地址: http://pan.baidu.com/share/home?uk=4278436023#category/type=0 ...
  • u010870518
  • u010870518
  • 2014年09月30日 20:44
  • 12157

李炎恢老师HTML5+CSS3教程与课件代码 下载

课程目录:     01.[HTML5第一季] 第1章 HTML5概述.zip     02.[HTML5第一季] 第2章 基本格式.zip     03.[HTML5第一季] 第3章 文本元素...
  • asb_b_1
  • asb_b_1
  • 2016年09月24日 13:50
  • 4417

李炎恢教程/妙味课堂javaScript/jQuery/js/Ajax全套视频

使用JavaScript编写一个Base.js基础库,然后通过这个基础库+自行开发的插件,最终完成一个精简型博客主题的前端功能。 这是一个问答系统精简版,高仿了一些知乎网站的部分功能。通过这个小型项...
  • bfboys
  • bfboys
  • 2017年01月13日 20:26
  • 1907

Jquery李炎恢——47,48,49验证插件【13】【14】【15】

学习要点: 1.使用validate.js插件 2.默认验证规则 3.validate()方法和选项 4.validate.js其他功能 验证插件(validate.js),是一款验证常规表单数据...
  • pugongyingyangyue
  • pugongyingyangyue
  • 2016年08月27日 14:39
  • 108

Jquery李炎恢——18,19事件对象

学习要点: 1.事件对象 2.冒泡和默认行为 javaScript在事件处理函数中默认传递了event对象,也就是事件对象。但由于浏览器的兼容性,开发者总是会做兼容性方面的处理。jquery在封装...
  • pugongyingyangyue
  • pugongyingyangyue
  • 2016年08月14日 08:21
  • 268

Jquery李炎恢—55,56选项卡UI【21】【22】

学习要点: 1.使用tabs 2.修改tabs样式 3.tabs()方法的属性 4.tabs()方法的事件 5.tabs中使用on 选项卡(tabs),是一种能提供用户在同一个页面切换不同内容的U...
  • pugongyingyangyue
  • pugongyingyangyue
  • 2016年08月30日 20:43
  • 126

Jquery李炎恢——23,24,25动画效果

学习要点: 1.显示、隐藏 2.滑动、卷动 3.淡入、淡出 4.自定义动画 5.列队动画方法 6.动画相关方法 7.动画全局属性 在以前很长一段时间里,网页上的各种特效还需要采用flash在进行。...
  • pugongyingyangyue
  • pugongyingyangyue
  • 2016年08月14日 19:24
  • 186

Jquery李炎恢——39按钮UI【5】

学习要点: 1.使用button按钮 2.修改button样式 3.button()方法的属性 4.butto("action",param) 5.单选、复选按钮 按钮可以给生硬的原生按钮或者文本...
  • pugongyingyangyue
  • pugongyingyangyue
  • 2016年08月22日 22:01
  • 328

Jquery李炎恢——29,30Ajax进阶

学习要点: 1.加载请求 2.错误处理 3.请求全局事件 4.JSON和JSONP 在Ajax课程中,我们了解了最基本的异步处理方式。本章,我们将了解一下Ajax的一些全局请求事件、跨域处理和其...
  • pugongyingyangyue
  • pugongyingyangyue
  • 2016年08月16日 22:22
  • 307

jQuery过滤选择器(李炎恢视频学习)

jQuery过滤选择器类似于 1.
  • G1036583997
  • G1036583997
  • 2014年05月20日 16:15
  • 805
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Jquery李炎恢—53cookie插件【19】
举报原因:
原因补充:

(最多只允许输入30个字)