jquery framework para javascript

0

Por admin | Para la categoría de Ajax | noticia del 09-08-2009

jqurery

Para instalar jquery, nos descargamos la la página web oficial www.jquery.com el archivo jquery.js.

Para utilizarlo en los html ponemos . Es necesario insertar primero jquery.js si lo van a utilizar otros ficheros js creados por nosotros.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

<head>
<style type="text/css">
	 .boton {   color:#00ff00;
			font-size:14px;
			text-decoration:none;
	            }
	</style>
        <script type="text/javascript" src="jquery.js"></script> 
	<script type="text/javascript">
	$(document).ready( 
	function mensaje ()
	{
	    alert ("hola mundo \n");
	    $("a").addClass("boton");
 
 
	}
	);
		</script>
 </head>
 <body>
   <a href="www.railsymas.com">enlace</a>
 
 </body>

Tenemos un estilo css incorporado a la página html y mediante jquery vamos a cambiar el color del enlace del body de azul predeterminado a verde además de cambiar el tamaño del texto del enlace.

Mediante $(document).ready, jquery determina que el árbol del dom está listo para ser tratado. Se carga la función mensaje que muestra una pequeña ventana de javascript con el mensaje hola mundo y $(“a”).addClass(“boton”); añade al enlace la clase boton de css.

Escribe un comentario