Jquery——Day8（cookie插件）

妖狐艹你老母 2022-07-16 15:10 221阅读 0赞

1、使用cookie插件

（1）生成一个cookie

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

（2）设置cookie

$.cookie('user','bnbbs',{
     expires:7,
     path:'/',   //设置路径，上一层；
     domain:'www.ycku.com',   //域名
     secure:true,     //默认为false，需要使用安全协议https
    });

（3）关闭编码、解码，默认为false

$.cookie.raw=true;

（4）读取cookie数据cookie('user')

当为读取所有的时候，为cookie()

注意：读取所有的cookie时，是以键值对的方式进行的。

（5）删除cookie——removeCookie()

2、注册直接登录

（1）使用导航栏显示与隐藏

hide()、show()

//导航栏的显示与隐藏；
    	$('#member,#logout').hide();
    	
    	if($.cookie('user')){
    		$('#member #logout').show();
    		$('#reg_a,#login_a').hide();
    		$('#member').html($.cookie('user'));	
    	}
    	else{
    		$('#member,#logout').hide();
    		$('#reg_a,#login_a').show();
    	}
    	$('#logout').click(function(){
    		$.removeCookie('user');
    		window.location.href='index.html';
    	});

当有表示“退出”的时候，需要退出当前界面，进入首页状态；

当有表示“注册”的时候，注册用户的同时，会将其更改为“用户名”加以显示。

3、判断一周是否有效

if($('#expires').is(':checked')){
     $.cookie('user',$('#login_user').val(),{
     expires:7,
     });
    }
    else{
     $.cookie('user',$('#login_user').val());
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，221人围观）

还没有评论，来说两句吧...

相关阅读

相关 IDEA插件系列（8）：MapStruct Support插件——MapStruct插件

工欲善其事必先利其器，下面给大家介绍一款MapStruct插件。 MapStruct Support插件对于使用MapStruct来说，不是必须的，但是非常好用，可以提升开发

逃离我推掉我的手/ 2024年03月31日 17:00/ 0 赞/ 111 阅读

相关 Layui 引入jQuery.Cookie插件

使用首先你需要下载jQuery.Cookie.js [下载地址][Link 1] 然后将 ![在这里插入图片描述][20210118134814550.png

小鱼儿/ 2023年01月08日 02:06/ 0 赞/ 483 阅读

相关手写jquery.cookie插件

/ 设置cookie @param name @param value @param config expires

不念不忘少年蓝@/ 2023年01月01日 06:59/ 0 赞/ 221 阅读

相关 jQuery插件之Cookie

一、jQuery.Cookie.js插件是一个轻量级的Cookie管理插件。　　特别提醒，今日发现一个特别的错误，google浏览器提示：has no method $.c

青旅半醒/ 2022年08月06日 15:21/ 0 赞/ 237 阅读

相关 Jquery——Day8（cookie插件）

1、使用cookie插件（1）生成一个cookie $.cookie('user','bnbbs'); （2）设置cookie $.coo

妖狐艹你老母/ 2022年07月16日 15:10/ 0 赞/ 222 阅读

相关插件drupal8

pluginmanager extends defaultpluginmanager \--//定义pluginmanager的一些基本变量 \----紧接着就是创建C

雨点打透心脏的1/2处/ 2021年09月29日 07:00/ 0 赞/ 342 阅读

相关 Cookie的使用（js-cookie插件）

[js-cookie 官方文档][js-cookie] > 里面就详细的介绍了es5怎么引用，以下是ES6以上的用户一、安装 npm install js-

旧城等待，/ 2021年09月17日 17:12/ 0 赞/ 363 阅读

相关 Cookie的使用（js-cookie插件）

一、安装 npm install js-cookie --save 二、引用 import Cookies from 'js-cookie'

约定不等于承诺〃/ 2021年08月27日 13:41/ 0 赞/ 457 阅读

相关 Cookie的使用（js-cookie插件）

一、安装 npm install js-cookie --save 二、引用 import Cookies from 'js-cookie'

谁借莪１个温暖的怀抱￠/ 2021年07月26日 14:32/ 0 赞/ 457 阅读

相关 js-cookies插件操作cookie

1、安装 cnpm install --save js-cookie 2、导入 import Cookies from 'js-

末蓝、/ 2021年07月24日 20:24/ 0 赞/ 415 阅读