0
Introducción a jquery
jQuery es una libreria implemetada en JavaScript la cual nos ahorra complejidad y tiempo en el diseño de nuestras tecnologias, además que es una excelente herramienta para trabajar con ajax y da soporte a multiples browsers, seria una locura trabajar desde 0 en javascript teniendo un excelente framework como este. Luego cubriremos inicialmente también otros frameworks en javascript como Mootools y Scriptaculous.
jQuery consiste en un único archivo JavaScript, que contiene las funcionalidades comunes de DOM, Eventos, Efectos y funciones de AJAX, las cuales pueden ser incluidas dentro de cualquier página web usando la siguiente instrucción:
Para iniciar el jQuery primero debemos descargar la librería de su página , tambien revisen su documentación oficial.
El primer paso sería cargar las librerias de jquery en nuestro archivo html:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
// Aquí nuestras funciones
</script>
</head>
<body></body>
</html>La gran ventaja de jQuery es que permite cambiar el contenido de nuestra página web sin necesidad de recargarla, utilizando DOM y AJAX de manera extremadamente sencilla gracias a su sintaxis. Los comandos se reconocen por comenzar con el símbolo "$" (dólar). Ahora, la forma básica de una sentencia es la siguiente:
$(elemento).evento(funcion-o-parametro);
Si quisíeramos que sólo cambiase el texto de un párrafo concreto deberíamos darle una identificación a dicha etiqueta :
<p id="miparrafo">Este es un texto de prueba </p>Ahora cambiamos el texto con jQuery :
$("#miparrafo).html("Este es un NUEVO texto de prueba")
Tambien podemos agregar eventos , supongamos que temos :
<a href="#"> Presioname! </a>
y ahora queremos que aparesca "hola" al apresionar.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Prueba de jQuery</title>
<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function (){
//Aqui asignamos el click al elemento <a>
$("a").click(function (){
alert("Hola");
});
});
</script>
</head>
<body>
<a href="#"> Presioname! </a>
</body>
</html>
Esta solo es una pequeña introducción inicial al mundo de jquery, sin duda pondremos mas ejemplos y codigo relacionado al framework en javascript.
Si te gusto este artículo puedes dejar un comentario, también puedes suscribirte al canal RSS de la página o compartir este articulo por facebook
