使用jQuery來測試用戶是否輸入了輸入？

Question

我有一個名爲$places變量：

var $places = $('#resultsListing li.place'); 

如果有超過0 places下面的代碼添加類.have-results。如果有0的結果代碼添加類.no-results機體：

body.removeClass("have-results no-results searching"); 

body.addClass(places.length > 0 ? "have-results" : "no-results"); 
$("div#busyAnimation").hide(); 

我想添加一個名爲.hasnt-typed-yet另一個類。我知道這對於一個班來說是一個可怕的名字，但這正是我想要完成的;如果用戶尚未在輸入中輸入，則將該類添加到主體中。

任何建議來完成此？

Answer 1

var textbox_text = $("#searchbox").val(); 
if(textbox_text !== ''){ 
    body.addClass(places.length > 0 ? "have-results" : "no-results"); 
}else{ 
    body.addClass('hasnt-typed-yet'); 
} 
$("div#busyAnimation").hide(); 

Answer 2

if($('input').val() == '') 
    $('body:first').addClass('hasnt-typed-yet') 
else 
    $('body:first').removeClass('hasnt-typed-yet') 

Answer 3

$textbox = $('#searchbox'); 
$body = $('body').filter(':first'); 
$places = $('#resultsListing li.place'); 

$textbox.keyup(function() { 
    if($(this).val() == '') $body.addClass('hasnt-typed-yet'); 
    else $body.removeClass('hasnt-typed-yet'); 
}); 

$body.addClass($places.length > 0 ? 'have-results' : 'no-results'); 
$('#busyAnimation').hide();