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.