将文本输入到字段并在文本被删除时再次显示

Question

隐藏div当有人开始在搜索字段中输入文本时，我使用下面的代码隐藏div。

$('#search').keypress(function() { 
$('#hello').hide(); 
$(this).focus(); 
}); 

我的问题是，我不知道怎样才能当文本在搜索字段中被清除，我再次显示隐藏的股利。 有人可以帮助或引导我吗？

jsfiddle here

Answer 1

下面是代码，使其工作

$('#search').keyup(function() { 
    if($(this).val() == ''){ 
     $('#hello').show(); 
    }else{ 
     $('#hello').hide(); 
    } 
}); 

这里更新JSFiddle代码

Answer 2

您可以测试是否字段为空（当KEYUP代替）：

$('#search').keyup(function() { 
if($(this).val() == ''){ 
    $('#hello').show(); 
} 
else{ 
$('#hello').hide(); 
$(this).focus(); 
} 

}); 

Answer 3

$('#search').keyup(function() { 
    var searchTerm = $(this).val(); 
    var searchTermLength = searchTerm.length; 
    if (searchTermLength == 0) { 
     $('#hello').show() 
    } else { 
     $('#hello').hide() 
    }; 
}); 

Answer 4

$('#search').keyup(function() { 
    if ($("#search").val().length != 0) { 
     $('#hello').hide(); 
    } else { 
     $("#hello").show(); 
    } 
}); 

Answer 5

这是否把戏

$('#search').keyup(function() { 
     $(this).val().length ? $('#hello').hide() : $('#hello').show(); 
    }); 

Answer 6

使用更改（）函数来代替，这是只有当字段的值已经完全改变调用。

$('#search').change(function() { 
if($(this).val() == ''){ 
    $('#hello').show(); 
}else{ 
    $('#hello').hide(); 
} 

}）;