viernes, 3 de mayo de 2013

Introducción a JQUERY

Posted by daycry at 9:25 Labels: ,

Configuración

JQUERY es una librería basada en javascript, que permite realizar webs dinámicas de una manera fácil y rápida.
Para realizar la instalación de esta librería en nuestra web, simplemente hay que instanciarla en nuestra parte del head del html.

<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
</head>

 O si se prefiere, se puede descargar la librería y meterla en nuestro servidor, realizando la siguiente llamada.
<head>
<script src="js/jquery-1.9.1.min.js"></script>
</head>


La podéis descargar desde el siguiente link: http://jquery.com/download/


Ejemplos
Haz click aquí

Este es el código que hace que se rellene el contenido de un div de formá dinámica:

<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
</head>

<script type="text/javascript">
//<!CDATA[
$(function(){
   $(".parrafo").click(function(){ //seleccion de los elementos que tengan la clase parrafo y se le realiza click
      $('.contenido').html("Has apretado"); //al elemento con clase contenido se le añade el texto
   });
});
//]]></script>

<br />
<div class="parrafo" style="font-size: 18px;">
click aquí</div>
<div class="contenido">
</div>

 Con este ejemplo sencillo, podemos validar que la configuración de jquery en nuestra web, ha sido correcta.

No hay comentarios :

Publicar un comentario

Suscribirse a: Enviar comentarios ( Atom )