Baixado 11 vezes
Carregado porTitao Yamamoto
JQuery
jQuery é uma biblioteca JavaScript que simplifica a manipulação e interação com elementos HTML através de seletores e métodos. Ela funciona bem em navegadores antigos e possui milhares de plugins que aumentam suas funcionalidades. jQuery usa o modelo DOM para representar a estrutura do documento HTML.
JQuery
- 1. jQuery Vinicius de MeloRocha vmrocha@gmail.com
- 2.
- 3. Brendan Eich 1995 JavaScr LiveScript ipt 1996 Internet JScri Explorer 3.0 ECMAScript pt
- 4.
- 6. • Existe umpadrã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
- 7.
- 8.
- 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
- 11.
- 12. ADICIONANDO AO SITE <scriptsrc="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 MAISMÉTODOS • css • hide • hasClass • show • addClass • toggle • removeClass • animate • toggleClass • delay • stop http://docs.jquery.com http://www.google.com
- 17.
- 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/
- 19.
- 20. Contato Vinicius Rocha @vmrocha vmrocha@gmail.com vmelorocha.wordpress.com facebook.com/vmrocha msn: vmelorocha@hotmail.com