Schaltfläche zum Verbergen mit jquery

Question

Können Sie mir bitte sagen, wie ich diese Schaltfläche ausblenden kann, nachdem ich sie gedrückt habe, mit jquery?

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

oder dieses

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

Answer 1

Try this:

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

Für alles tun, sonst kann man so etwas wie diese verwenden:

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

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

Verwenden Sie zum Ausblenden anderer Elemente basierend auf ihren IDs die folgende Nummer:

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

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

Answer 2

können Sie das an einen click Handler gebunden .hide() Funktion:

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

Answer 3

Es auf the jQuery selector ab, die Sie verwenden. Da id sollte innerhalb des DOM eindeutig sein, der erste wäre einfach:

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

Die zweite könnte etwas mehr erfordern, abhängig von den anderen Elementen und wie es eindeutig zu identifizieren. Wenn die name dieser bestimmten input einzigartig ist, dann würde diese Arbeit:

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

Answer 4

jQuery bietet die .hide() Methode für diesen Zweck an. Wählen Sie einfach das Element Ihrer Wahl und rufen Sie diese Methode danach auf. Zum Beispiel:

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

One auch, wie schnell sich der Übergang eine Dauer Parameter in miliseconds oder Zeichenfolge (mögliche Werte sind 'schnell' und 'langsam') läuft bestimmen kann, indem:

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

Falls Sie etwas nur, nachdem das Element versteckte tun wollen, müssen Sie auch einen Rückruf als Parameter zur Verfügung stellen:

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