在jquery中按钮单击事件的问题

Question

我在按钮点击使用jQuery显示div但不知道为什么它不工作...

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选择器^[docs](.addmoresg)而不是id选择器^[docs](#addmoresg).你的元素只有ids,而不是classes:

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

   $('.addmoresg)会选择元素class="addmoresg",例如

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

工作演示

jQuery有一个很好的文档和所有可能选择器的列表,以及示例.