使用 jQuery 隐藏按钮答案

【问题标题】：Hiding button using jQuery使用 jQuery 隐藏按钮
【发布时间】：2012-09-29 05:02:03
【问题描述】：

谁能告诉我如何在使用 jQuery 按下按钮后隐藏它？

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

或者这个：

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

【问题讨论】：

标签： javascript jquery button

【解决方案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();
     }
);

【讨论】：

thanx，但是如果我想在单击一个按钮后隐藏更多按钮，我该怎么办？
通过哪个参数隐藏更多按钮？我的意思是你想怎么找到他们？按 className、id、name、什么？
每个按钮都有一个唯一的 id，没有任何类。我想隐藏示例中的 2 个按钮。
查看更新。我认为你应该看看 jquery things 中的选择器讨论。它将帮助您在查找元素时进行复杂的查询。干杯
快速查询 - 为什么不使用 Id 选择器而不是输入名称？ ID肯定会更快吗？正如 Blender 的回答 ($('#Comanda'))。

【解决方案2】：

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

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

【讨论】：

@TothLudovicAndreas：这个答案在某种程度上不适合你吗？你能详细说明为什么不吗？当你开始接触“隐藏和显示和其他东西”时，你开始离开单个问题的范围，转向需要一些关于 jQuery（甚至一般的 JavaScript）的教程的范围。

【解决方案3】：

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

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

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

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

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

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

【讨论】：

【解决方案4】：

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

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

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

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

【讨论】：