Jquery - Apresentação e aplicação prática

download Jquery - Apresentação e aplicação prática

of 19

  • date post

    29-Jun-2015
  • Category

    Documents

  • view

    1.389
  • download

    1

Embed Size (px)

description

Uma apresen

Transcript of Jquery - Apresentação e aplicação prática

  • 1. jQuery DavidR. Lopes J.TelesMaciel Jovanngelo PauloA . Frana

2. Introduo

  • FrameworkJavascript ; 3. Nasceu em 2005; 4. Licena:MITouGPL ; 5. No o nico framework javascript;

Tema: Write Less, Do More 6. Para que serve:

  • Resoluo da incompatibilidade entre os navegadores. 7. Reduo de cdigo. 8. Reutilizao do cdigo atravs de plugins. 9. Utilizao de uma vasta quantidade de plugins criados por outros desenvolvedores. 10. Trabalha comAJAXeDOM . 11. Implementao segura de recursos doCSS1 ,CSS2eCSS3 .

Texto integralmente retirado dehttp://pt.wikipedia.org/wiki/JQuery 12. Quanto "pesa" um framework?

  • O framework Jquery na sua verso 1.4 (minificado) pesa24kb ! 13. Para seu projeto voc pode baixar o Jquery em :www.jquery.comou importar a biblioteca diretamente do Google, deste modo:

14. O que voc precisa saber pra comear?

  • Voc tem que ter oDOM(carregado) pra usar jQuery; 15. XHTMLeJavascript ; 16. SeletoresCSS2eCSS3(j so previstos no jQuery) podem te ajudar!

jQuery fcil: A biblioteca se baseia na chamada de apenas uma funo e tem 24kb. Vamos por a mo na massa? 17. Esquentando comHello World

  • Baixe a mais nova verso do JQuery, atualmente 1.4.2; 18. Crie um arquivoteste.html; 19. Coloque ojquery-1.4.2.jsno mesmo diretrio doteste.htmle importe a biblioteca;

20. Esquentando comHello World 21. Esquentando comHello World 22. Explicando o cdigo $( "a" ) um Selector do jQuery que seleciona elementos"a" O$ como se assemelha a uma "classe" em jQuery $()portanto "instancia" um objeto jQuery .click() invocado quando ocorre um click do mouse em um elemento selecionado; O cdigo sem jQuery: Separao deJSeHTML !Eliminao de cdigo redundante!