DE .NET, SQLSERVER Y MÁS, APRENDE CONMIGO!✔

Desarrollo de todo tipo de aplicaciones y Administración de Base de datos con Tecnología Microsoft


UNETE

Fundamentos de JQuery

0

 



Concepto de JQuery

jQuery es una librería de JavaScript que nació con el objetivo de facilitar ciertas tareas de JavaScript, agregando métodos y selectores que permiten hacer más cosas utilizando menos líneas de código. jQuery no es un lenguaje de programación, sino un conjunto de herramientas que simplifican ciertas tareas comunes de JavaScript. Además, jQuery solventaba los posibles problemas de compatibilidad que antes había entre los diferentes navegadores, que a día de hoy no son tantos, pero que antes suponían grandes quebraderos de cabeza. De esta forma, siempre tendrás la seguridad de que el resultado de lo que estás programando será el mismo independientemente del navegador que utilice el usuario.

La biblioteca jQuery facilita la manipulación de una página de HTML después de que el navegador la muestre. También proporciona herramientas que lo ayudan a escuchar a un usuario interactuar con su página, herramientas que lo ayudan a crear animaciones en su página y herramientas que le permiten comunicarse con un servidor sin recargar la página. Llegaremos a esos en un momento. Primero, veamos algunos conceptos básicos de jQuery y cómo podemos usar jQuery para realizar su funcionalidad principal: obtener algunos elementos y hacer algo con ellos.

La sintaxis de Query está diseñada para facilitar la navegación por un documento, la selección de elementos DOM, la creación de animaciones, el manejo de eventos y el desarrollo de aplicaciones Ajax. jQuery también proporciona capacidades para que los desarrolladores creen complementos sobre la biblioteca de JavaScript. Esto permite a los desarrolladores crear abstracciones para interacciones y animaciones de bajo nivel, efectos avanzados y widgets temáticos de alto nivel. El enfoque modular de la biblioteca jQuery permite la creación de potentes páginas web dinámicas y aplicaciones web.

El conjunto de funciones principales de jQuery (selecciones, recorrido y manipulación de elementos DOM) habilitado por su motor selector (llamado "Sizzle" de v1.3), creó un nuevo "estilo de programación", fusionando algoritmos y estructuras de datos DOM. Este estilo influyó en la arquitectura de otros marcos de JavaScript como YUI v3 y Dojo, y más tarde estimuló la creación de la API de selectores estándar. Posteriormente, este estilo se mejoró con una fusión más profunda de datos y algoritmos en un heredero de jQuery, el marco D3.js.

Microsoft y Nokia incluyen jQuery en sus plataformas Microsoft lo incluye con Visual Studio para su uso dentro de los marcos de trabajo ASP.NET AJAX y ASP.NET MVC de Microsoft, mientras que Nokia lo ha integrado en la plataforma de desarrollo de widgets.

DEMOSTRACIÓN

En Visual Studio crearemos una pagina llamándola "ExampleJQuery" y adicionaremos en la venta de explorador de soluciones la carpeta de scripts con el archivo JS correspondiente.


Adicionaremos el siguiente código en HTML

Al final de este código, adicionaremos todo lo pertinente a JQuery de la siguiente forma:


Al correr la aplicación en el navegador, fijense la diferencia en como realiza la escritura en JavaScript y en Jquery



Al hacer click en el botón "Click JS" se nos despliega un mensaje haciendo el llamado a la ventana de mensajes del navegador a través de JavaScript


Al hacer click en el botón "Click JS" se nos despliega un mensaje haciendo el llamado a la ventana de mensajes del navegador a través de JavaScript



Al Hacer Click en el botón "Click Me JS" en la cajita de texto se escribe automáticamente la frase "Hello Word!", esto hecho con JavaScript.



Al Hacer Click en el botón "Click Me JQ" en la cajita de texto se escribe automáticamente la frase "Hello Word!", esto hecho con JQuery.






Tal vez te interesen estas entradas

No hay comentarios