Функция фокусировки в 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=""/>