2011-12-19 90 views
5

我是新的jQuery,玩弄它。當我點擊按鈕時,我想要文本框,但它不能以這種方式工作。簡單的jQuery - 隱藏文本框

<input type=text id=txt></input> 
<input type=button id=btn value="Click Me"></input> 

$document.ready(function() { 
    $("input#btn").click(function() { 
     $("input#txt").hide(); 
    }); 
}); 
+1

一個有用的東西是錯誤控制檯。如果您使用Firefox,請按CTRL + SHIFT + J。這很有幫助,我也不會看到你的錯誤。 – lumbric 2011-12-19 17:43:34

回答

5
$(document).ready(function(){  
    $("input#btn").click(function(){ 
     $("input#txt").hide(); 
    }); 
}); 

錯過了()周圍document您可以使用快捷也很喜歡

$(function(){ 

//your code here 

}); 
2

有作爲$document.ready(

沒有這樣的事情儘量做$(document).ready(

0

首先所有你必須把「」放在你的html el上對此語句。之後,你可以這樣修復:

<input type="text" id="txt" /> 
<input type="button" id="btn" value="Click Me" onclick="$('#txt').hide()"/>