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>
<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>
<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>
<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