Проблема с событием нажатия кнопки в 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 demo: http://jsfiddle.net/XGVp3/

Я не получаю никаких результатов при нажатии кнопки.

Answer 1

2 задачи:

1. Вы не выбрали jQuery в качестве библиотеки в своей демонстрации.

2. Вы используете class селекторы ^{[документы]} (.addmoresg) вместо id селекторы ^{[документы]} (#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"> 
   

Рабочая демоверсия

jQuery имеет отличную документацию и список всех возможных селекторов , с примерами.

Answer 2

просто измените свой код следующим образом:

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

По сути, вы нацеливались на класс adddsg (выполняется .class).Так как у div есть и ID adddsg, вам нужно нацелиться, используя #ID

Надеюсь, это поможет.