web-dev-qa-db-ja.com

jQueryを使用してボタンを非表示にする

JQueryを使用してこのボタンを押した後、このボタンを非表示にする方法を教えてください。

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

またはこれ：

<input type=submit  name="Vizualizeaza" value="Vizualizeaza">
javascriptjquerybutton
11
LoolKovsky

これを試して：

$('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();
     }
);
23
Rikki

clickハンドラーにバインドされた.hide()関数を使用できます。

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

jQueryは、この目的のために 。hide（） メソッドを提供します。選択した要素を選択し、後でこのメソッドを呼び出すだけです。例えば：

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

また、durationパラメーターをミリ秒または文字列（可能な値は「高速」および「低速」）で指定することで、遷移の実行速度を決定できます。

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

要素が非表示になった直後に何かをしたい場合は、パラメータとしてコールバックも提供する必要があります。

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

それは jQueryセレクター に依存します。 idはDOM内で一意である必要があるため、最初の1つは単純です。

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

2番目の要素には、他の要素とそれを一意に識別する方法に応じて、さらに何かが必要になる場合があります。その特定のnameのinputが一意である場合、これは機能します。

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