[SOLUCIONADO] aprendiendo Jquery

samito111 · #1 (**permalink**) 25/04/2013, 20:47

veran estoy intentando aprender Jquery es mi primer ejemplo y no me sale :
dentro del head
<script>
$(document).ready(function() {
$("a").click(function() {
alert("Hola");
});
});
</script>

dentro del body
<a href="#">enlace1</a>
<a href="#">enlace2</a>
<a href="#">enlace3</a>
<a href="#">enlace4</a>

por lo que entendi es que al hacer click en cualquier enlace me debe dar un mensaje con "hola"

ipraetoriux · #2 (**permalink**) 26/04/2013, 05:55

..estas agregando la libreria de jQuery?... acá en el código no veo ningún error

samito111 · #3 (**permalink**) 26/04/2013, 06:00

no agrego ninguna libreria ya que no se que libreria agreagar veras es mi primer ejemplo y como veras nose como hacerlo alguna ayuda mas por favor

ipraetoriux · #4 (**permalink**) 26/04/2013, 06:02

...pues mi amigo, sino agregas la libreria de jQuery, muy poco podras hacer...agrega este script antes del anterior...y te funcionará sin problemas

Código Javascript:

Ver original<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

samito111 · #5 (**permalink**) 26/04/2013, 06:07

veras mi amigo ise como me dijistes pero igual sigo sin resultados :

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script >
$(document).ready(function() {
$("a").click(function() {
alert("Hola");
});
});
</script>

<a href="#">enlace1</a>
<a href="#">enlace2</a>
<a href="#">enlace3</a>
<a href="#">enlace4</a>

samito111 · #6 (**permalink**) 26/04/2013, 06:08

me olvidaba como y de donde obtenistes esa libreria que mencionas:
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

ipraetoriux · #7 (**permalink**) 26/04/2013, 06:13

es un CDN...https://developers.google.com/speed/...evguide#jquery

samito111 · #8 (**permalink**) 26/04/2013, 06:22

ok listo y sobre el ejemplo no ayo respuesta .......... no se si pudieras pasarme un simple ejemplo en jquery . pero que enrialidad sirva ya que el codigo que puse no corre.

ipraetoriux · #9 (**permalink**) 26/04/2013, 06:31

...mira te lo puse funcionando aca..http://jsbin.com/eqahez/1/edit

samito111 · #10 (**permalink**) 26/04/2013, 06:42

funciona perfectamente en el sitio donde lo subistes copie y pegue el codigo tal y como estaba pero no me corrio el codigo:

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script >
$(document).ready(function() {
$("a").click(function() {
alert("Hola");
});
});
</script>
</head>
<body>
<a href="#">enlace1</a>
<a href="#">enlace2</a>
<a href="#">enlace3</a>
<a href="#">enlace4</a>
</body>
</html>

estoy viendo un video y vi un ejemplo lo ise como estaba en el video y quedo haci .solo le cambie la libreria que mencionabas:

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
<script src="jquery-1.9.1.js"></script> //donde jquery-1.9.1.js es el archivo que me descargue de la pagina oficial de jquery
<script >
$(document).ready(function() {
$("a").click(function() {
alert("Hola");
});
});
</script>
</head>
<body>
<a href="#">enlace1</a>
<a href="#">enlace2</a>
<a href="#">enlace3</a>
<a href="#">enlace4</a>
</body>
</html>

samito111 · #11 (**permalink**) 26/04/2013, 06:44

y ahora si corrio el codigo .podrias explicarme por favor sobre :<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

y sobre :

<script src="jquery-1.9.1.js"></script>//donde jquery-1.9.1.js es el archivo que me descargue de la pagina oficial de jquery