Jquery champ de formulaire Mise au point changement Envoyer Bouton de la classe

Question

J'ai la forme suivante:

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

Je tente d'obtenir la classe de bouton Soumettre pour changer lorsque le qa-recherche-champ est actif en ajoutant la .qa de classe -search-button-active, puis en le supprimant si le formulaire de recherche n'est pas actif, ce qui signifie que le curseur n'est pas là et clignote.

Vous ne savez pas comment coder ceci dans 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

Que diriez-vous cette solution en retard? :)

$(".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'); 
});