Aprender a usar JQuery Parte I
En estos tiempos la programación a cambiado bastante, y ahora la “Moda” en paginas es la nombrada Web 2.0 , y ustedes se preguntaran que es la Web 2.0 hache les deje lo que dice la Wikipedia
http://es.wikipedia.org/wiki/Web_2.0
En conclusión la Web 2.0 es la interacción con el usuario tenga control de todo lo que esta en su entorno, y aparte tener esa manera de presentar la información con las nuevas técnicas de desarrollo, axial como css, ajax, url sencillas, xml, javascript (Framework tipo JQuery, prototype)
Ahora si, a lo que vamos, a aprender a usar JQuery, primero que nada hay que bajar la librería (algunos acostumbran a poner la url directa desde el proyecto de Google de jquery, a mi en lo personal no me agrada ese método, ya que quieras o no tiene que ir a hacer una petición de un archivo a un servidor que no es el tuyo, y que tal que se caiga ese servidor, tu aplicación queda inservible :p, Claro que los servidores de Google son seguros pero aun asi,se caen.), nos bajamos la librería desde http://docs.jquery.com/Downloading_jQuery , En este momento estamos en la versión 1.3.2, yo les recomiendo usar el minified, pero puedes bajar cualquier versión hasta la 1.0.
Después de bajar la librería como hago para tener disponible JQuery en mi pagina sencillo, creas una carpeta llamada Jquery ( Esto mas que nada es por orden, para no tener todos los archivos volando en el raíz de tu sitio) y metes los archivos que descargaste que sería ser algo llamado jquery-1.3.2.min.js
y ponemos este código en cuesto
1 | <script src="/jquery/jquery.min.js" type="text/javascript"></script> |
Ahora nuestro sitio ya esta listo para poder trabajar con jquery, si, aunque usted no lo crea :D.
Ahora la pregunta de los 64 mil, ¿Que podemos hacer con jquery? Contestar a esta pregunta podría llevarme varios post pero creo que una de las mejores respuestas es todo lo que se te ocurra estilo ajax (hablando de la interfase de usuario) :p, Drag and Drop, Ordenamiento de Listados, Grids, Upload múltiples , menús, popup bonitos, efectos, y por supuesto el poder de manipular cualquier “objeto” dentro de tu pagina, claro que todos estos beneficios sin tener que refrescar tu pagina ya que esto le da un toque muy profesional a tu pagina.
Veamos un ejemplo sencillo de como manipular un div, que le vamos a poner un borde de 3px estilo sólido, color rojo
1 | $("#Prueba").css("border","3px solid red"); |
Si se fijan para poder tomar el control por medio de la propiedad id, hay que anteponer un # y después el id del objeto que deseamos modificar.
1 | <div id="prueba">Esto es una prueba</div> |
Con esto dejamos por hoy el Jquery. Prometo otros post con mucha mas informacion de como se usa Jquery.