Ukrywanie przycisku za pomocą jquery

Question

Czy możesz mi powiedzieć, jak mogę ukryć ten przycisk po naciśnięciu, używając jquery?

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

czy ten

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

Answer 1

Spróbuj tego:

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

Dla robi wszystko jeszcze można użyć coś jak ten:

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

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

Aby ukryć wszystkie inne elementy na podstawie ich identyfikatorów, użyj tego:

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

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

Answer 2

Można użyć funkcji .hide() związany z click Handler:

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

Answer 3

To zależy od the jQuery selector, którego używasz. Od id powinna być unikalna w obrębie DOM, pierwsza byłaby prosta:

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

Drugi może wymagać czegoś więcej, w zależności od innych elementów i jak jednoznacznie zidentyfikować. Jeśli name z danym input jest wyjątkowy, to będzie działać:

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

Answer 4

jQuery oferuje w tym celu metodę .hide(). Po prostu wybierz wybrany element i wywołaj tę metodę później. Na przykład:

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

Można również określić, jak szybko przejście biegnie przez dostarczenie trwania parametr w milisekundach lub String (możliwe wartości jest „szybki” i „slow”):

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

W przypadku, gdy chcesz zrobić coś po prostu ukrył element, należy podać jako parametr wywołania zwrotnego tOO:

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