17

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

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

或者这个：

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

4 回答 4

30

试试这个：

$('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();
     }
);
于 2012-10-08T22:25:01.950 回答
8

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

$('#Comanda').click(function() {
    $(this).hide();
});
于 2012-10-08T22:23:09.937 回答
5

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

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

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

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

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

$('#comanda').hide('fast', function() {
  alert('It is hidden now!');
});
于 2012-10-08T22:33:40.907 回答
1

这取决于您使用的 jQuery 选择器。由于id在 DOM 中应该是唯一的，所以第一个很简单：

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

第二个可能需要更多的东西，这取决于其他元素以及如何唯一识别它。如果name那个特定input的是唯一的，那么这将起作用：

$('input[name="Vizualizeaza"]').hide();
于 2012-10-08T22:24:16.850 回答