Problema con evento de clic de botón en jQuery

Question

estoy usando jQuery en el botón Haga clic para mostrar div, pero no sé por qué no su trabajo ...

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/

No obtengo ningún resultado al hacer clic en el botón.

Answer 1

2 problemas:

1. no ha seleccionado como jQuery biblioteca en su demostración.

2. Utiliza class selectors ^[docs] (.addmoresg) en lugar de id selectors ^[docs] (#addmoresg). Sus elementos sólo tienen id s, no class es:

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

   $('.addmoresg) sería seleccionar elementos con class="addmoresg", por ejemplo,

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

Working demo

jQuery tiene una gran documentation y una list of all possible selectors, con ejemplos.

Answer 2

acaba de cambiar su código como:

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

Básicamente, se ha orientado a la clase adddsg (hecho por un .class). Dado que el div tiene una ID de adddsg, debe apuntar usando #ID

Espero que ayude.