jQuery的焦點，當無焦點的方式改回原來的CSS

Question

我此腳本的jQuery：

<script> 
$('#searchbar').focus(function(){ 
    $(this).parent().css('background-color', 'red'); 
}); 
</script> 

當你專注的孩子在父母的父母背景變爲紅色。但是當你離開焦點時，它仍然是紅色的。如何讓它變成另一種顏色，讓我們說藍色，當你把孩子放鬆時？

孩子是一種形式。

Answer 1

添加事件的內容功能

$('#searchbar').focus(function(){ 
    $(this).parent().css('background-color', 'red'); 
}).blur(function() { 
    //do what you need 
    $(this).parent().css('background-color', 'blue'); 
}); 

Answer 2

您可以使用blur()：

$('#searchbar').blur(function() { 
    $(this).parent().css('background-color', 'black'); 
});