Tutorial de jQuery para Iniciantes
Introdução
Introdução
O que é jQuery?
Conectando jQuery
Começando com jQuery
Conjuntos jQuery
Alterando o texto de um elemento
Gravando um conjunto em uma variável
Inserindo texto com tags usando o método html
Saída de texto do elemento
Trabalhando com CSS
Propriedades CSS com hífens
Cadeias de comandos
Seletores simples
Seletor de elemento jQuery
Seletor de classe
Seletor de id
Seletor de elemento com classe
Seletor de descendente
Seletores filho
Seletor de vizinhos
Seletor de atributo
Seletores de pseudoclasse
Pseudoclasse :header
Pseudoclasse :not
Pseudoclasse :has
Pseudoclasse :contains
Pseudoclasses :empty e :parent
Diferença entre :parent e parent()
Outros seletores jQuery
Trabalhando com o método each
Trabalhando com o método map
Trabalhando com DOM
Trabalhando com atributos
Escrevendo valor em um atributo
Alterando valores de múltiplos atributos
Alterando valores de atributos usando uma função
Removendo atributos
Removendo apenas o valor do atributo
Alterando um único atributo-propriedade
Lendo um único atributo-propriedade
Alterando múltiplas propriedades de atributos
valor de formulários
Adicionando classe a um elemento
Removendo classe
Trabalhando com o método toggleClass
Remoção e adição estrita de classe com o método toggleClass
Nuances do trabalho com o método hasClass
Envolvendo elementos
Criando e envolvendo elementos
Desenrolando elementos
Envolvendo texto dentro de tags
Envolvendo múltiplos elementos
Método prepend para inserir elementos
Método append
Aplicação do método before
Método after
Método appendTo
Comparando os métodos prepend e prependTo
Métodos before e insertBefore
Métodos after e insertAfter
Substituindo elementos com o método replaceWith
Aplicação do método replaceAll
Método remove
Método detach
Removendo conteúdo de elementos
Tamanhos dos elementos
Métodos width e height
Métodos innerWidth e innerHeight
Métodos outerWidth e outerHeight
Posicionamento
Trabalhando com um conjunto de elementos
Noções básicas de trabalho com conjuntos
Propriedade length no conjunto
Método index
Método not
Método eq
Métodos first e last
Método has
Método slice
Filtragem de elementos
Trabalhando com elementos vizinhos
Método siblings
Outros métodos para trabalhar com elementos vizinhos no jQuery
Método parent
Buscando todos os elementos pais
Métodos closest e parentsUntil
Método children para trabalhar com elementos descendentes
Aplicação do método contents
Buscando dentro do elemento encontrado
Adicionando elementos ao conjunto atual
Adicionando elementos com addBack
Conjunto anterior
Clonando elementos
Verificando a existência
Convertendo para array
Trabalhando com dados em elementos
Trabalhando com Eventos
Objeto de evento event
Vinculação de eventos
Métodos para vincular eventos
Método universal on
Método off
Delegação
Evento único
Cancelar ação padrão
Método submit
Trabalhando com efeitos e animação
Métodos hide e show
Métodos slideUp e slideDown
Método slideToggle
Métodos fadeOut e fadeIn
Método fadeToggle
Método fadeTo
Método animate
Ação após o término do efeito
Trabalhando com fila