Javascript 如何删除此代码中的重复？

我只是调用了一个函数highlightInputthis，它只是为选定的输入更改颜色。我认为可能有更好的方法避免重复。有什么想法吗

HTML文件

你的名字： 电邮： 活动名称： 活动地点： highlightInput的外观：

var Color = {
    inputColor:function (color, self){
        $(self).css('backgroundColor', color);
    }
}

function highlightInput(self){
    Color.inputColor('lightyellow', self);
    $(self).blur(function(){
        Color.inputColor('white', self);
    });
}

---

您可以使用jQuery选择器添加EventListener

将以下内容添加到标记中

JavaScript

$('input.form-control').focus(function(e){
   highlightInput(this);
});

---

您可以使用jQuery选择器添加EventListener

将以下内容添加到标记中

JavaScript

$('input.form-control').focus(function(e){
   highlightInput(this);
});

---

摆脱jQuery并使用CSS来实现它

表单控件：焦点{ 背景颜色：浅黄色； }

---

摆脱jQuery并使用CSS来实现它

表单控件：焦点{ 背景颜色：浅黄色； } $'input.form control'。函数{ this.style.backgroundColor='白色'； }; $'input.form control'.focusfunction{ this.style.backgroundColor='浅黄色'； }; 你的名字： 电邮： 活动名称： 活动地点： $'input.form control'。函数{ this.style.backgroundColor='白色'； }; $'input.form control'.focusfunction{ this.style.backgroundColor='浅黄色'； }; 你的名字： 电邮： 活动名称： 活动地点：

---

您应该包括使用jQuery所必需的。我想OP不知道jQuery是什么。无论如何+1@CalebGoodman它用jQuery标记。另外，OP的代码包含jQuery，不是吗？因此，可以放心地假设他知道这件事。忽略我的无知，您应该包括使用jQuery的必要步骤。我想OP不知道jQuery是什么。无论如何+1@CalebGoodman它用jQuery标记。另外，OP的代码包含jQuery，不是吗？因此，可以放心地假设他知道这件事。忽略我的无知，您使用的jQuery的版本是什么？当JavaScript/jQuery可以更好地用CSS实现时，是否有任何特定的原因使用它？版本：1.12.4&&没有特定的原因。。只是我对CSS没有足够的了解您正在使用的jQuery的版本是什么？当JavaScript/jQuery可以用CSS更好地实现时，有什么具体的原因使用它吗？版本：1.12.4&&没有具体的原因。。只是我没有足够的CSS知识