使用jQuery隐藏按钮

Question

有人可以告诉我如何在使用jQuery按下它后隐藏此按钮？

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

或者这一个:

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

Answer 1

试试这个:

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

要做其他一切,你可以使用这样的东西:

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

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

要根据其ID隐藏任何其他元素,请使用以下元素:

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

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

Answer 2

您可以使用.hide()绑定到click处理程序的函数:

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

Answer 3

jQuery为此提供了.hide()方法。只需选择您选择的元素，然后调用此方法。例如：

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

还可以通过提供以毫秒或字符串为单位的持续时间参数（可能的值为“快”和“慢”）来确定转换运行的速度：

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

如果你想在元素 hid 之后做一些事情，你也必须提供一个回调作为参数：

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