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 セレクターによって異なります。idDOM 内で一意である必要があるため、最初のものは単純です。

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

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

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