13-函数的封装和复用

素颜马尾好姑娘i 2023-07-18 05:51 1阅读 0赞

## 13-函数的封装和复用 ##

//为何使用函数？  
//能够对代码进行复用：只要定义一次代码，就可以多次使用它。  
//能够多次向同一函数传递不同的参数，以产生不同的结果。

<div>
    			<input type="text" placeholder="请输入姓名" id="name" /><span>姓名不能为空</span>
    		</div>
    		<div>
    			<input type="text" placeholder="请输入手机号" class="phone" /><span>手机号不能为空</span>
    		</div>

//封装选择器
    	function $(name){ 
    		//return document.getElementById(name);
    		return document.querySelector(name);
    	};
    	var _name = $("#name"),
    		_phone = $(".phone");   
    	//成为焦点
    	_name.onfocus = function(){ 
    		this.nextSibling.style.display="none";//紧邻的同级样式隐藏 //nextSibling返回某个元素之后紧邻的节点
    	};
    	_phone.onfocus = function(){ 
    		this.nextSibling.style.display="none";//紧邻的同级样式隐藏 
    	};
    	//失去焦点
    	_name.onblur = function(){ 
    		isEmpty(this);
    	};
    	_phone.onblur = function(){ 
    		isEmpty(this);
    	};
    //公共的判断方法
    	function isEmpty(cur){   //cur = this
    		if(cur.value==''){    
    			cur.nextSibling.style.display="inline";  //紧邻的同级样式显示
    		}else { 
    			cur.nextSibling.style.display="none";//紧邻的同级样式隐藏 
    		}
    	}

发表评论取消回复

表情：

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

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

相关阅读

相关如何封装函数和调用函数，python代码

在 Python 中，要封装函数，需要使用 `def` 关键字，然后给出函数名和括号。在括号内，可以指定函数的参数。接下来，在函数体内编写代码。示例如下： def g

心已赠人/ 2023年10月07日 23:14/ 0 赞/ 53 阅读

相关 13-函数的封装和复用

13-函数的封装和复用 //为何使用函数？ //能够对代码进行复用：只要定义一次代码，就可以多次使用它。 //能够多次向同一函数传递不同的参数，以产生不同的结果。

素颜马尾好姑娘i/ 2023年07月18日 05:51/ 0 赞/ 2 阅读

相关封装一个通用的ajax函数以及用promise和fetch封装ajax请求函数

//封装ajax function useajax(method, url, data, callback, type) { //创建兼容对象

你的名字/ 2023年06月08日 04:43/ 0 赞/ 16 阅读

相关 Jmeter 测试单元的封装与复用

登录登出用户注册搜索产品选择产品使用不同的付款方式订购产品编辑订单取消订单搜索用户个人资

比眉伴天荒/ 2023年06月02日 12:55/ 0 赞/ 3 阅读

相关函数的封装和参数调用

函数的封装和参数调用 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9i

约定不等于承诺〃/ 2022年11月11日 05:26/ 0 赞/ 129 阅读

相关函数的代码和复用

文章目录一、函数的理解和定义二、代码的复用与函数递归习题巩固一、函数的理解和定义 1.熟悉函数的使用及调用过程 2.熟悉

女爷i/ 2022年09月10日 15:13/ 0 赞/ 324 阅读

相关 IO复用：select和poll函数

I/O复用使用场景： \-当客户处理多个描述符（通常是交互式输入和网络套接字）时，必须使用I/O复用。 \-一个客户同时处理多个套接字是可能的，不过比较少见。

迈不过友情╰/ 2022年05月24日 05:09/ 0 赞/ 203 阅读

相关 vue13-解决标签复用问题

首先看下面代码 <!DOCTYPE html> <html lang=en> <head> <meta charset

「爱情、让人受尽委屈。」/ 2022年05月10日 00:52/ 0 赞/ 196 阅读

相关函数和代码复用 --Python

1、关于递归函数的描述，以下选项中正确的是 A.包含一个循环结构 B.函数比较复杂 C.函数内部包含对本函数的再次调用 D.函数名称作为返回值答案：D

秒速五厘米/ 2021年12月01日 15:08/ 0 赞/ 705 阅读

相关 I/O 复用：select 、poll 和 epoll 函数

I/O 复用 1. 简介 2. I/O 模型 2.1 阻塞式 I/O 2.2 非阻塞式 I/O 2.3 I/O 复用

悠悠/ 2021年08月31日 19:13/ 0 赞/ 327 阅读