jQuery的表單域焦點更改提交按鈕類

Question

我有以下形式：

<input name="q" value="" class="qa-search-field"> 
<input type="submit" value="Search" class="qa-search-button"> 

我試圖讓提交按鈕的類中加入類.qa改當QA-搜索字段處於活動狀態-search-button-active，然後在搜索表單不活動時將其刪除，這意味着光標不在那裏並閃爍。

無法弄清楚如何在Jquery中對其進行編碼。

Answer 1

$(".qa-search-field").focusin(function() { 
    $('.qa-search-button').addClass('.qa-search-button-active'); 
}); 

(".qa-search-field").focusout(function() { 
    $('.qa-search-button').removeClass('.qa-search-button-active'); 
}); 

Answer 2

$('document').ready(function(){ 
    $('input[name="q"]').focus(function(event){ 
     $('input[type="submit"]).attr('class', 'qa-search-button-active'); 
    }); 


    $('input[name="q"]').focus(function(event){ 
     $('input[type="submit"]).attr('class', 'qa-search-button'); 
    }); 
}); 

Answer 3

怎麼這麼晚的解決方案？ :)

$(".qa-search-field").focus(function() { 
    $('.qa-search-button').removeClass('qa-search-button').addClass('qa-search-button-active'); 
}); 

$(".qa-search-field").blur(function() { 
    $('.qa-search-button-active').removeClass('qa-search-button-active').addClass('qa-search-button'); 
});