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();

还可以通过以毫秒或字符串（可能的值为'fast'和'slow'）提供 duration 参数来确定转换的运行速度：

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

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

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

Answer 4

这取决于您使用的the jQuery selector。由于id在DOM中应该是唯一的，因此第一个很简单：

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

第二个可能需要更多内容，具体取决于其他元素以及如何唯一标识它。如果该特定name的{{1}}是唯一的，那么这将起作用：

input

使用jQuery隐藏按钮

4 个答案: