Como habilitar/desabilitar elementos com jQuery

As vezes precisamos habilitar/desabilitar elementos via javascript, e o jquery facilita e muito nosso trabalho! Tudo que você deve fazer é habilitar o atributo “disabled” através do método .attr(); Veja um exemplo abaixo:

//Para desabilitar
$('#elemento').attr('disabled', 'disabled');

E para habilitar novamente nosso elemento basta remover o atributo disabled da seguinte forma:

// Para habilitar
$('#element').removeAttr('disabled');

Um exemplo útil de quando devemos habilitar/desabilitar um botão é por exemplo em uma requisição ajax, para evitar que nosso usuário fique clicando várias vezes, e gerando várias requisições, podemos desabilitar o botão enquanto uma requisição é feita, e habilitar quando ela terminar veja o exemplo:

$("#loading").ajaxStart(function(){
        $(this).show();
        $('button').attr('disabled', 'disabled');
    });
    $("#loading").ajaxStop(function(){
        $(this).hide();
        $('button').removeAttr('disabled');
    });

Posts Relacionados:

• Como rastrear Facebook likes e tweets do seu site pelo Google Analytics!
• Dica para acessar um servidor SSH via console
• Javascript – Calculando Datas
• CodeIgniter – Helper para dar load em javascript