Jquery 中的焦点函数

Question

此函数在单击时将文本框的背景颜色更改为红色。我想知道当它没有被点击时如何使它 return 变成它原来的颜色？

$('#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=""/>

Focus Function in Jquery