Agilizando o desenvolvimento com j query
Transferir como PPT, PDF0 gostou320 visualizações
O documento apresenta o framework jQuery: (1) é uma biblioteca JavaScript open-source que facilita o desenvolvimento com JavaScript, (2) fornece funções cross-browser para seleção de elementos e manipulação do DOM, (3) permite executar funções complexas com códigos simples.
![Agilizando o desenvolvimento com JQuery Jefferson Souza [email_address]](https://image.slidesharecdn.com/agilizandoodesenvolvimentocomjquery-110413082732-phpapp01/85/Agilizando-o-desenvolvimento-com-j-query-1-320.jpg)
Agilizando o desenvolvimento com j query
- 1. Agilizando o desenvolvimento com JQuery Jefferson Souza [email_address]
- 2. Quem sou eu? Programador de PHP apaixonado por programação + música Músico nas horas vagas XD Desenvolvedor Web na Íparos Design Studio Membro do Grupo PHPRio
- 3. Introdução Vamos conhecer este poderoso framework para Java Script que vem tomando conta do mercado e facilitando a nossa vida na hora do desenvolvimento com Java Script.
- 4. Sumário O que é o Jquery Porque usar o JQuery Instalação | Função $ Seletores básicos Manipulação Básica de DOM CSS Mão na Massa AJAX JSON Dúvidas
- 5. Início O que é o Jquery? O JQuery pode ser definido simplesmente como uma biblioteca Javascript open-source desenvolvida por John Resig em 2005. A biblioteca JQuery foi desenvolvida por John Resig, em 2005, lançada oficialmente em 2006, e hoje conta com uma enorme equipe de desenvolvimento espalhada no mundo todo.
- 6. Porque usar JQuery? A lista de motivos para esta pergunta cada dia cresce mais, vou citar apenas alguns deles. * A funções do Core são cross-browser; * Executar funções complexas sem a necessidade de codigos complexos (“Write less, do more”); * Infinidade de plugins para qualquer necessidade do site, tais como: galeria de fotos, validações de formulários, data tables, animação, menus, manipulação de CSS entre outras; * Funções de AJAX super simples; * Documentação clara e objetiva; * Grande equipe de desenvolvimento, corrigindo possiveis bugs, e aprimorando a biblioteca constantemente
- 7. Instalação A biblioteca encontra-se disponível no site oficial do projeto( http://www.jquery.com ), e é bem simples a sua “instalação”, basta efetuar o download da biblioteca, e incluir na página que será utilizada.
- 8. função $() Esta é a função padrão para capturar nossos elementos(como o famoso document.getElementById), sendo que ela é extensiva a ids, classes, tags e pseudo-elementos. Sintaxe bem simples: $('#meuId') $('tag')
- 9. Seletores básicos Vamos abordar aqui os seletores básicos que iremos trabalhar e alguns filtros: #id elemento .classe
- 10. Manipulação de DOM Para inserir conteúdo em nossas páginas, precisamos junto com nossos seletores usar as funções de manipulação de DOM, vamos conhecer algumas:
- 11. Manipulação de DOM html() Insere um conteúdo dentro do elemento, semelhante ao innerHTML no JS, sendo que se não for passado nenhum parâmetro, ela pega o conteúdo, ao invés de inserir. Ex.: $('#caixa').html('Esta é a minha caixa!');
- 12. Append() append() Concatena o conteúdo existente com o que está sendo passado, inserindo o novo conteúdo no final do elemento. Ex.: $('#caixa').append('Mais uma descrição para a caixa');
- 13. Prepend() prepend() Concatena o conteúdo existente com o que está sendo passado, inserindo o novo conteúdo no início do elemento. Ex.: $('#caixa').prepend('Mais uma descrição para a caixa');
- 14. Empty() empty() Limpa o conteúdo do elemento especificado. Ex.: $('#caixa').empty();
- 15. Remove() remove() Remove o elemento especificado do documento. Ex.: $('#caixa').remove();
- 16. CSS O JQuery trabalha bem com manipulação de css, e sua sintaxe é bem simples. Declaração de um atributo: $('#caixa').css('color', '#ccc'); Declaração de vários atributos: $('#caixa').css( { 'color' : '#ccc', 'font-size' : '16px' } );
- 17. Dúvidas Let's Fun =)
- 18. Meus Contatos Contatos www.meadiciona.com.br/jeffsouza