焦点函数在Jquery中

Question

此功能在单击时将文本框的背景颜色更改为红色。我想知道在没有点击的时候如何让它恢复原来的颜色？

$('#textfield').focus(function() {
    $(this).css('background-color','red');
}); 

Answer 1

您可以使用blur，addClass()和removeClass()：

$('#textfield').focus(function() {
    $(this).addClass('red');
}); 
$('#textfield').blur(function() {
    $(this).removeClass('red');
}); 

.red{
  background-color:red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input tpye="text" id="textfield" value=""/>