Webmaster blog

Blog sobre Programación Web y SEO. Podrás encontrar noticias, eventos, tutoriales, ayuda… relacionados con el SEO y la programacion Web

Webmaster blog header image 2

(3) Hola mundo con jquery

Septiembre 6th, 2008 · 1 Comentario · General, Principiantes, Tutorial jquery

Una vez dados los pasos previos, ya podemos empezar a hacer cosas un poco mas interesantes. En primer lugar y como no podía ser de otra forma, veremos el típico "hola mundo".

Una de las funcionalidades más interesantes de jquery, es lo mucho que facilita interactuar con los elementos de nuestras páginas webs. Vamos a ver un ejemplo en el que usamos un botón y el evento de hacer click en él. Veamos el código y lo explicaremos paso a paso después:

HTML:
  1.   <title>hola mundo con jquery</title>
  2.   <script src="jquery.js" type="text/javascript"></script>
  3.   <script type="text/javascript"><!--
  4.   $(document).ready(function(){
  5.     $("input").click(function(){
  6.       alert("Hola Mundo!");
  7.     });
  8.   });
  9.   </script>
  10. </head>
  11.   <input type="button" value="pulsame" />
  12. </body>
  13. </html>

Para ver el resultado pulsa aquí

En primer lugar, hemos creado un botón html en nuestro documento html. Después creamos nuestro código jquery el cual tiene la siguiente sintaxis:
$("elemento").evento(parametro)

Como elemento ponemos nuestro botón, y como evento "click". Como parámetro, podemos poner una función, que será la encargada de mostrar el mensaje por pantalla.

Con este simple ejemplo ya vemos el abanico de posibilidades que se nos abre con este framework. En el siguiente post, vamos a ver todos los eventos que hay con algunos ejemplos

Etiquetas:

Un Comentario so far ↓

Deja un comentario