Ocultando el botón usando jquery

Question

¿Puede decirme cómo puedo ocultar este botón después de presionarlo, usando jquery?

<input type="button" name="Comanda" value="Comanda" id="Comanda" data-clicked="unclicked" /> 

o éste

<input type=submit name="Vizualizeaza" value="Vizualizeaza"> 

Answer 1

Prueba esto:

$('input[name=Comanda]') 
.click(
    function() 
    { 
     $(this).hide(); 
    } 
); 

Para hacer todo lo demás se puede usar algo como este:

$('input[name=Comanda]') 
.click(
    function() 
    { 
     $(this).hide(); 

     $(".ClassNameOfShouldBeHiddenElements").hide(); 
    } 
); 

Para ocultar cualquier otro elemento basado en sus ID, use este:

$('input[name=Comanda]') 
.click(
    function() 
    { 
     $(this).hide(); 

     $("#FirstElement").hide(); 
     $("#SecondElement").hide(); 
     $("#ThirdElement").hide(); 
    } 
); 

Answer 2

Usted puede utilizar la función .hide() unido a un controlador de click:

$('#Comanda').click(function() { 
    $(this).hide(); 
}); 

Answer 3

Depende de the jQuery selector que utilice. Desde id debe ser único dentro del DOM, el primero sería sencilla:

$('#Comanda').hide(); 

El segundo podría requerir algo más, dependiendo de los otros elementos y cómo identificar de manera única. Si el name de esa particular input es único, entonces esto funcionaría:

$('input[name="Vizualizeaza"]').hide(); 

Answer 4

jQuery ofrece el método .hide() para este fin. Simplemente seleccione el elemento de su elección y llame a este método después. Por ejemplo:

$('#comanda').hide(); 

Uno también puede determinar la rapidez con la transición se ejecuta proporcionando un parámetro duración en milisegundos o cadena (siendo los valores posibles 'rápido' y 'lento'):

$('#comanda').hide('fast'); 

En caso de que quiera hacer algo sólo después de que el elemento oculto, debe proporcionar una devolución de llamada como parámetro también:

$('#comanda').hide('fast', function() { 
    alert('It is hidden now!'); 
});