jquery焦点,当不重点改变回原始css

时间:2013-05-07 16:08:12

标签: jquery html css

我在jQuery中有这个脚本:

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

当您将孩子聚焦于父母时,父母背景会变为红色。但是当你离开焦点时,它仍然是红色的。如何让它变成另一种颜色,让你说蓝色,当你让孩子不专心?

孩子是一个表格。

2 个答案:

答案 0 :(得分:5)

添加焦点输出功能

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

答案 1 :(得分:1)

您可以使用 blur()

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