Скрытие кнопки с помощью jQuery

Может кто-нибудь сказать, пожалуйста, как я могу скрыть эту кнопку после нажатия на нее с помощью jQuery?

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

Или этот:

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

Ответ 1

Попробуйте следующее:

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

Для выполнения всего остального вы можете использовать что-то вроде этого:

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

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

Чтобы исключить любые другие элементы, основанные на их идентификаторах, используйте следующую команду:

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

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

Ответ 2

Вы можете использовать функцию .hide(), связанную с обработчиком click:

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

Ответ 3

jQuery предлагает метод . hide() для этой цели. Просто выберите элемент по вашему выбору и вызовите этот метод позже. Например:

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

Можно также определить, как быстро переход выполняется, предоставляя параметр продолжительности в милисекундах или строке (возможные значения бывают "быстрыми" и "медленными" ):

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

Если вы хотите что-то сделать сразу после скрытия элемента, вы также должны указать обратный вызов в качестве параметра:

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

Ответ 4

В зависимости от селектор jQuery, который вы используете. Поскольку id должен быть уникальным внутри DOM, первый из них был бы простым:

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

Второй может потребовать нечто большее, в зависимости от других элементов, и как его однозначно идентифицировать. Если name этого конкретного input является уникальным, это будет работать:

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