jquery - jquery 焦点，当 unfocus 更改回原始 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');
});