在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 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

进行定位

希望有所帮助。