O documento apresenta uma introdução ao jQuery, biblioteca JavaScript que simplifica a manipulação de elementos HTML e eventos. São descritas as principais funcionalidades como seleção de elementos, manipulação do DOM, estilização, animações, Ajax e criação de plugins. O documento fornece exemplos de código para demonstrar o uso dessas funcionalidades.
2. Quem está falando? 5 anos de experiência com Web Desenvolvedor Java na IT7 Sistemas Analista de Sistemas pela Unibrasil Evangelizador do jQuery (mentira) Administrador do grupo jquery-br (googlegroups) @ruanltbg ruanltbg@gmail.com ruancarlos.com.br ruan.carlos@live.com
13. Encontrando as coisas //Selecionando elemento por id <div id=“algumacoisa”></div> <div></div> <p></p> $(“#algumacoisa”); <div id=“algumacoisa”></div> <div>...</div> <p>...</p>
14. Encontrando as coisas //Selecionando elementos por class <div class=“algumacoisa”></div> <div class=“outracoisaalgumacoisa”></div> <p></p> $(“.algumacoisa”); <div class=“algumacoisa”></div> <div class=“outracoisaalgumacoisa”></div> <p></p>
15. Encontrando as coisas //Selecionando elementos por tags <ul><li>jQuery</li> <li>Brasil</li><ul> $(“li”); <ul><li>jQuery</li> <li>Brasil</li><ul>
16. Encontrando as coisas //Selecionando por contexto $(‘seletor’,<context>); $(‘contexto’).find(‘seletor’); $(‘p’).click(function(){ $(‘span’,this); })
39. Plugin for dummies //Iteração nos elementos $.fn.nomePlugin = function() { //this é um elemento jQuery this.each(function(i){ //this é o DOM $(this).html($(this).html() + i); }); }; $(‘p’).nomePlugin();
40. Plugin for dummies //Retornando um elemento jQuery $.fn.nomePlugin = function() { //this é um elemento jQuery returnthis.each(function(i){ //this é o DOM $(this).html($(this).html() + i); }); }; $(‘p’).nomePlugin().addClass(‘ativa’);
42. Agradecimentos Daniel Pereira Camargo (@pererinha) pelo layout + imagens Nelson Maia (@nellson_maia) pelo convite VII SEMINFO (@seminfo7utfpr) pela oportunidade Vocês pela paciência !