2012-10-08 143 views
8

你能告訴我怎樣才能隱藏這個按鈕後按下,使用jQuery的?隱藏按鈕使用jquery

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

或這一個

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

回答

16

試試這個:

$('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(); 
    } 
); 
+0

thanx,但如果我想在單擊一個按鈕後隱藏更多按鈕,我該怎麼辦? –

+0

通過哪個參數隱藏更多按鈕?我的意思是你想如何找到他們?通過className,id,name,通過什麼? – Rikki

+0

每個按鈕都有一個唯一的ID,沒有任何類。我想在我的例子中隱藏2個按鈕。 –

5

可以使用.hide()功能綁定到click處理程序:

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

@TothLudovicAndreas:是不是工作這個答案你以某種方式?你能詳細說明爲什麼不可以嗎?當你開始進入「隱藏和顯示以及其他東西」時,你開始留下一個單一問題的範圍,並轉向需要一些關於jQuery(甚至通常是JavaScript)的教程的範圍。 – David

1

這取決於您使用the jQuery selector。由於id應該在DOM中是唯一的,第一個是簡單的:

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

第二個可能需要更多的東西,這取決於其他因素,以及如何唯一標識。如果特定inputname是唯一的,那麼這會工作:

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

jQuery爲此提供了.hide()方法。只需選擇您選擇的元素,然後調用此方法。例如:

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

人們也可以決定如何快速過渡通過提供以毫秒爲單位或字符串持續時間參數(可能的值是「快」和「慢」)上運行:

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

如果你想要做的事只是之後的元素隱藏,你必須提供一個回調作爲參數太多:

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