Hola a todos, es posible que lo que vaya a consultar sea una tontería, pero estoy empezando a estudiar jquery, y quería hacer algunas prácticas fuera de codecademy y del programa que uso para mi curso a distancia, asi que me he puesto a escribir en sublime text, pero no consigo hacer que nada funcione. No se si estoy linkeando mal jquery en el head, o si hay algún problema con el script que escribo y en realidad no se colocan asi... pero no funciona nada, estoy intentando lo más básico, que es, teniendo un párrafo y un botón, que al pulsar el botón, el párrafo desaparezca.
dentro de head tengo esto :
Código HTML:
<head>
<meta charset="UTF-8">
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
[...]
<script type="text/javascript">
var main = function(){
$('.btn').click(function(){
$('test-popup').hide();
});
};
$(document).ready(main);
</script>
</head> y en body esto:
Código HTML:
<body>
[...]
<div id="test-popup">
Popup content
</div>
<div class="blueColor">
<div class="blueRow">
<button class="btn">Dynamically create and show popup</button>
</div>
</div>
Pido disculpas de antemano por si alguien se siente ofendido o le parece muy obvio mi problema. Gracias