Descargado 81 veces
Subido porGerardo Marchant
JQuery Mvc
JQuery es una librería de JavaScript de código abierto que simplifica la manipulación y recorrido de documentos HTML, la gestión de eventos, las animaciones y el desarrollo AJAX. Se integra bien con ASP.NET MVC y proporciona ventajas como una sintaxis sencilla y un código más limpio y legible. El documento muestra cómo descargar e incluir JQuery, realiza demostraciones de sus funciones de arrastrar y soltar y de creación de una base de datos de películas usando JQuery con MVC.
JQuery Mvc
- 1. INTEGRACIÓN DE JQUERYCON ASP.NET MVC FRAMEWORK GERARDO MARCHANT MICROSOFT STUDENT PARTNER
- 2. ¿Qué es JQuery?¿Por qué usarlo? ¿Cómo empiezo a usarlo? Demo JQuery JQuery & MVC Framework Demo Recursos Agenda
- 3. ¿Qué es JQuery?JQuery es una liviana librería de JavaScript Creado por John Resig. Open Source. Licencia MIT & GPL. Utilizados por muchos de los principales sitios web: Bank of America, Dell, Netflix, NBC… Lo que la hace tan especial es su sencillez y su reducido tamaño.
- 4.
- 5. Selecciones $(“#firstName”) Selecciona elemento con Id firstName $(":text") Selecciona Todos los text box $(“.required”) Selecciona todos los elementos de clase necesarios
- 6. Animaciones $(…).show() $(…).hide()$(…).slideDown() $(…).slideUp() $(…).fadeIn() $(…).fadeOut()
- 7.
- 8. ¿Por Qué Usarlo?La sencillez de su sintaxis y la poca extensión del código que necesitas escribir son las características más notables. Si hicieras lo que hace JQuery con getElementById y window.onload no solo tendrías que escribir mucho, si no que podrían haber diversos problemas.
- 9. Ventajas JQuery Lasprincipales ventajas de JQuery son: No es intrusivo. Simplifica las tareas habituales de Javascript. Es independiente del navegador. Ocupa muy poco. Extensible.
- 10. Cómo empiezo aUsarlo Lo primero que debes hacer, es descargarlo de la web oficial. Una vez descargada la librería (Aprox. 16k) puedes proceder a tu primer script: <html xmlns= "http://www.w3.org/1999/xhtml" > <head> <title> Prueba de JQuery </title> <script src = "jquery.js" type = "text/javascript“ ></script> </head> <body> </body> </html>
- 11. Ejecución y sintaxisbásica La manera de inicializar JQuery es muy útil: JQuery tiene una sintaxis muy sencilla. Los comandos se reconocen por comenzar con el símbolo "$". Ahora, la forma de una sentencia es la siguiente: $(elemento).evento(función-o-parámetro); $(document). ready ( function (){ //Aqui tu código });
- 12. Ejemplo de JQuery<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 ( "Presionaste un <a>" ); }); }); </script> </head> <body> <a href = "#" > Presióname! </a> </body> </html>
- 13. DEMO JQuery: Uso de Drag & Drop
- 14. JQuery & MVCFramework JQuery puede traer enormes aumentos de productividad y es fácil de aprender y trabajar. JQuery le permite lograr resultados excepcionales con un mínimo de dificultad. JQuery esta incluido en ASP.NET MVC Framework. Soporte nativo de ‘Intellisense’. Múltiples plugins.
- 15.
- 16. DEMO JQuery &MVC: Creando una Base de Datos de Películas
- 17. Recursos JQuery http://jquery.com/Visual JQuery http://visualjquery.com/ MVC Framework http://www.asp.net/mvc
- 18.
- 19. © 2008 MicrosoftCorporation. Todos los derechos reservados. Microsoft, Windows, Windows Vista y otros nombres de producto son y pueden ser marcas registradas y registros en Estados Unidos y en otros países. La información contenida en el presente es sólo para fines informativos y representa la visión actual de Microsoft Corporation a la fecha de esta presentación. Debido a que Microsoft debe responder a las cambiantes condiciones del mercado, no se debe interpretar como un compromiso por parte de Microsoft, y Microsoft no puede garantizar la precisión de ninguna información provista después de la fecha de esta presentación. MICROSOFT NO OFRECE GARANTÍA ALGUNA, EXPRESA, IMPLÍCITA O DE LEY, RESPECTO A LA INFORMACIÓN EN ESTA PRESENTACIÓN .