Pulsante di occultamento utilizzando jquery

Question

Puoi dirmi come posso nascondere questo pulsante dopo averlo premuto, utilizzando jquery?

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

o questa

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

Answer 1

Prova questa:

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

per fare tutto il resto si può usare qualcosa come questo:

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

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

Per nascondere altri elementi in base ai rispettivi ID, utilizzare questo:

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

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

Answer 2

È possibile utilizzare la funzione .hide() legato a un gestore click:

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

Answer 3

Dipende the jQuery selector che si utilizza. Dal momento che id deve essere univoco all'interno del DOM, il primo sarebbe semplice:

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

La seconda potrebbe richiedere qualcosa di più, a seconda delle altri elementi e come identificare in modo univoco. Se la name di quel particolare input è unico, allora questo dovrebbe funzionare:

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

Answer 4

jQuery offre il metodo .hide() per questo scopo. Seleziona semplicemente l'elemento di tua scelta e chiama questo metodo in seguito. Ad esempio:

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

Uno può anche determinare la velocità della transizione viene eseguito fornendo un durata parametro in millisecondi o stringa (valori possibili essendo 'veloce', e 'lento'):

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

Nel caso in cui si vuole fare qualcosa solo dopo l'elemento nascosto, è necessario fornire un callback come parametro troppo:

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