2012-10-08 145 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!'); 
});