jQuery introdução
•Transferir como PPTX, PDF•
0 gostou•507 visualizações
Palestra ministrada por Vinicius Rocha na Unipê. 14/01/2012
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Semelhante a jQuery introdução
Semelhante a jQuery introdução (20)
Mais de Titao Yamamoto
jQuery introdução
- 1. jQuery Vinicius de Melo Rocha vmrocha@gmail.com
- 3. Brendan Eich 1995 JavaScr LiveScript ipt 1996 Internet JScri Explorer 3.0 ECMAScript pt
- 4. + 15 ANOS
- 6. • Existe um padrão Standard ECMA-262 • Precisa de um ambiente de execução • O ambiente não tem padrão • JavaScript é incomum e flexível • JavaScript é Script
- 9. Considerações sobre jQuery • jQuery é uma biblioteca – JavaScript ainda é necessário – Pode usar com outras bibliotecas e frameworks • jQuery é fácil • Funciona bem em browsers antigos • Existem milhares de extensões / plugins • jQuery é pesado e lento?
- 10. document Object Model (DOM) <html> html <head> <title>Title</title> head </head> <body> title <div id="header"> <h1 class="title">Title</h1> body </div> <div id="content"> div#header <p>Hello, World!</p> </div> h1.title </body> </html> div#content
- 12. ADICIONANDO AO SITE <script src="jquery-1.5.1.min.js“ type="text/javascript“ /> CDN Hosted jQuery function (a,b){return new d.fn.init(a,b,g)}
- 13. SELECTORS $(‘button’) <button /> $(‘div.header’) <div class=“header” /> $(‘div#header’) <div id=“header” /> $(‘#header > h1’) <div id=“header”> <h1></h1> </div> if ($(‘button’)) { } Não funciona! Por quê?
- 14. MÉTODOS E MAIS MÉTODOS • css • hide • hasClass • show • addClass • toggle • removeClass • animate • toggleClass • delay • stop http://docs.jquery.com http://www.google.com
- 18. PLUGINS • jQuery UI • Chosen • ColorBox • Masked Input • File Upload • KendoUI http://jqueryui.com/ http://jacklmoore.com/colorbox/ http://digitalbush.com/projects/masked-input-plugin/ http://blueimp.github.com/jQuery-File-Upload/ http://harvesthq.github.com/chosen/ http://www.kendoui.com/
- 20. Contato Vinicius Rocha @vmrocha vmrocha@gmail.com vmelorocha.wordpress.com facebook.com/vmrocha msn: vmelorocha@hotmail.com