Return to Video

jQuery Documentation and You - Intro to jQuery

  • 0:01 - 0:05
    Nesta lição, você se concentrará na prática de métodos de manipulação do DOM.
  • 0:05 - 0:10
    Você começará acessando dados sobre nós existentes e modificando esses dados.
  • 0:10 - 0:12
    Por fim, você vai adicionar e remover elementos DOM.
  • 0:13 - 0:16
    Não falarei de todos os métodos jQuery, mas
  • 0:16 - 0:19
    a maioria deles segue quase o mesmo padrão.
  • 0:19 - 0:20
    Depois desses exemplos,
  • 0:20 - 0:23
    você não terá problemas em lidar com métodos adicionais.
  • 0:24 - 0:26
    Essa é a documentação da API do jQuery.
  • 0:26 - 0:29
    À esquerda, você pode ver os principais tipos de métodos jQuery.
  • 0:29 - 0:35
    Quero começar mudando o atributo da classe, então clicarei em Attributes.
  • 0:35 - 0:37
    Posso ver alguns métodos.
  • 0:37 - 0:39
    Vou em frente e começarei com addClass,
  • 0:39 - 0:43
    que faz quase exatamente o que você acha que ele faz.
  • 0:43 - 0:46
    Ele adiciona uma classe especificada a um elemento DOM.
  • 0:46 - 0:50
    Essa caixa preta mostra a assinatura da função principal, que informa a você o que passar
  • 0:50 - 0:54
    como um argumento para que esse método funcione corretamente.
  • 0:54 - 0:56
    Essa descrição é bastante útil.
  • 0:56 - 1:00
    Parece que esse método usa uma string de um nome de classe e
  • 1:00 - 1:02
    a adiciona aos elementos selecionados.
  • 1:02 - 1:04
    Assim, se eu passasse blue para esse método,
  • 1:04 - 1:08
    adicionaria a classe blue ao elemento com a ID do item.
  • 1:08 - 1:12
    Dentro da caixa preta, você pode encontrar diferentes maneiras de usar o método,
  • 1:12 - 1:15
    inclusive esta, em que você pode passar uma função para addClass.
  • 1:15 - 1:17
    Hum, isso parece um pouco estranho.
  • 1:18 - 1:22
    Aqui podemos ver que essa função deve retornar uma string.
  • 1:22 - 1:25
    Pode ser uma string de um único nome de classe ou
  • 1:25 - 1:28
    de muitos nomes de classe separados por espaços.
  • 1:28 - 1:33
    Aqui embaixo, temos uma explicação mais detalhada e alguns exemplos.
  • 1:33 - 1:34
    É muito legal.
  • 1:34 - 1:37
    Em outros exemplos, como .parents,
  • 1:37 - 1:40
    você verá parâmetros entre colchetes.
  • 1:40 - 1:44
    Os colchetes significam que o parâmetro é opcional e
  • 1:44 - 1:47
    o método funcionará muito bem com ou sem ele.
  • 1:47 - 1:49
    Agora que exploramos a documentação,
  • 1:49 - 1:53
    quero que você tente analisar uma documentação por si só.
  • 1:53 - 1:55
    Você vai começar mudando alguns dados no DOM.
Cím:
jQuery Documentation and You - Intro to jQuery
Leírás:

more » « less
Video Language:
English
Team:
Udacity
Projekt:
ud245 - Intro to JQuery
Duration:
01:56

Portuguese, Brazilian subtitles

Felülvizsgálatok Compare revisions