Introducao jquery

download Introducao jquery

of 88

  • date post

    01-Jul-2015
  • Category

    Internet

  • view

    243
  • download

    0

Embed Size (px)

description

Sobre JQuery.

Transcript of Introducao jquery

  • 1. Introduo ao jQuery

2. Introduo ao jQuery 2 Todos os direitos reservados para Alfamdia Prow. AVISO DE RESPONSABILIDADE As informaes contidas neste material de treinamento so distribudas NO ESTADO EM QUE SE ENCONTRAM, sem qualquer garantia, expressa ou implcita. Embora todas as precaues tenham sido tomadas na preparao deste material, a Alfamdia Prow no tm qualquer responsabilidade sobre qualquer pessoa ou entidade com respeito responsabilidade, perda ou danos causados, ou alegadamente causados, direta ou indiretamente, pelas instrues contidas neste material ou pelo software de computador e produtos de hardware aqui descritos. 07/2011 Verso 1.0 Alfamdia Prow http://www.alfamidia.com.br 3. Introduo ao jQuery 3 Alfamdia d Boas Vindas aos seus clientes e deseja um excelente treinamento. Benefcios ao aluno - Suporte ps-treinamento via e-mail (3 consultas por 90 dias aps o trmino do curso) para tirar dvidas do contedo ministrado em aula, atravs do e-mail matricula@alfamidia.com.br ; - Acesso a extranet www.l3tool.com para verificao de agenda e baixar os materiais. - Avaliaes de acompanhamento e final de curso (em cada mdulo) durante todo o treinamento, garantindo a qualidade do curso. Observaes Importantes - Qualquer necessidade de alterao na agenda ou cursos contratados inicialmente, consulte os Termos de Contratao na Ficha de Matrcula; - Contatos com a Alfamdia podem ser feitos atravs dos e-mails: matricula@alfamidia.com.br dvidas aps contratao info@alfamidia.com.br novas contrataes 4. Introduo ao jQuery UNIDADE 1 INTRODUO AO JQUERY............................................................................................................... 6 1.1 O QUE JQUERY? ................................................................................................................................ 6 1.2 PARA QUE SERVE?................................................................................................................................ 7 1.3 COMPATIBILIDADE............................................................................................................................... 7 1.4 OBTENDO E INSTALANDO A JQUERY.................................................................................................... 7 1.5 INSERINDO A JQUERY NA PGINA ........................................................................................................ 8 UNIDADE 2 NOES BSICAS............................................................................................................................. 9 2.1 O CONSTRUTOR JQUERY...................................................................................................................... 9 2.2 PRONTO PARA COMEAR?.................................................................................................................... 9 2.3 ENCADEAMENTOS.............................................................................................................................. 10 2.4 MANIPULANDO O CSS ....................................................................................................................... 11 UNIDADE 3 SELETORES...................................................................................................................................... 14 3.1 SELETORES SIMPLES .......................................................................................................................... 14 3.1.1 Seletor $(id)............................................................................................................................. 14 3.1.2 Seletor $(classe) ...................................................................................................................... 14 3.1.3 Seletor $(elemento).................................................................................................................. 15 3.1.4 Agrupamento de seletores ....................................................................................................... 16 3.1.5 Ancestral descendente ............................................................................................................ 17 3.1.6 Pai > filho ............................................................................................................................... 18 3.1.7 Anterior + prximo.................................................................................................................. 18 3.1.8 Anterior ~ irmos .................................................................................................................... 19 3.1.9 seletor:first .............................................................................................................................. 20 3.1.10 seletor:last .......................................................................................................................... 21 3.1.11 seletor:not(elemento).......................................................................................................... 22 3.1.12 seletor:even......................................................................................................................... 23 3.1.13 seletor:Odd ......................................................................................................................... 24 3.1.14 seletor:eq(n)........................................................................................................................ 24 3.1.15 seletor:gt(n) ........................................................................................................................ 25 3.1.16 seletor:lt(n) ......................................................................................................................... 26 3.1.17 seletor(:header) .................................................................................................................. 27 3.1.18 seletor:contains(texto) ........................................................................................................ 28 3.1.19 seletor:empty ...................................................................................................................... 29 3.1.20 seletor1:hs(seletor2)......................................................................................................... 29 3.1.21 seletor:parent...................................................................................................................... 29 3.1.22 :hidden................................................................................................................................ 29 3.1.23 :visible ................................................................................................................................ 29 3.1.24 seletor[atributo] ................................................................................................................. 29 3.1.25 seletor[atributo="valor"] ................................................................................................... 30 3.1.26 seletor[atributo!="valor"].................................................................................................. 30 3.1.27 seletor[atributo^="valor"] ................................................................................................. 30 3.1.28 seletor[atributo$="valor"] ................................................................................................. 31 3.1.29 seletor[atributo*="valor"] ................................................................................................. 31 3.1.30 Seletores elemento:filho...................................................................................................... 31 3.1.31 Seletores para formulrios ................................................................................................. 31 UNIDADE 4 MANIPULANDO A PGINA.............................................................................................................. 33 4.1 MTODOS PARA MANIPULAO DA PGINA ..................................................................................... 33 5. 5 4.1.1 addClass() ............................................................................................................................... 33 4.1.2 css() ......................................................................................................................................... 33 4.1.3 .removeClass ........................................................................................................................... 33 4.1.4 .toggleClass() .......................................................................................................................... 33 4.1.5 .hasClass()............................................................................................................................... 33 4.1.6 .height() ................................................................................................................................... 34 4.1.7 .width() .................................................................................................................................... 34 4.1.8 .innerHeight().......................................................................................................................... 34 4.1.9 .innerWidth() ........................................................................................................................... 34 4.1.10 .outerHeight() ..................................................................................................................... 34 4.1.11 .outerWidth()....................................................................................................................... 35 4.1.12 .position()............................................................................................................................ 35 4.1.13 .offset()........................................................................................