問題與jQuery的按鈕單擊事件

Question

我按鈕使用jQuery單擊顯示格，但不知道爲什麼它不工作...

HTML：

<input type="button" id="addmoresg" value="Add More" name="button"> 
<div id="addsg" style="display:none"> 
    <!-- more HTML here --> 
</div> 

的JavaScript：

$(document).ready(function() { 
    $('.addmoresg').click(function() { 
     $('.addsg').show("slow"); 
    }); 
}); 

的jsfiddle演示：http://jsfiddle.net/XGVp3/

我沒有得到任何按鈕點擊的結果。

Answer 1

2個問題：

1. 您沒有選擇的jQuery在您的演示庫。

2. 您使用class selectors ^[docs]（.addmoresg）而不是id selectors ^[docs]（#addmoresg）。你的元素只有id S，不class ES：

   <input type="button" id="addmoresg" value="Add More" name="button"> 
   

   $('.addmoresg)與class="addmoresg"，例如將選擇元素

   <input type="button" class="addmoresg" value="Add More" name="button"> 
   

Working demo

jQuery有一個偉大的documentation和list of all possible selectors，結合實例。

Answer 2

只是改變你的代碼爲：

$(document).ready(function() { 
    $('#addmoresg').click(function() { 
     $('#addsg').show("slow"); 
    }); 
}); 

基本上，你是針對類adddsg（由.class完成）。由於div的ID爲adddsg，因此您需要使用#ID

希望有所幫助。