English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Uma parte muito importante do jQuery é a manipulação de elementos DOM.
O jQuery fornece métodos eficazes para operar em elementos HTML, atributos e CSS.
Estes métodos verificam e operam sobre as propriedades de classe atribuídas ao elemento:
| Esses métodos obtêm e definem atributos CSS relacionados ao elemento: | Método |
|---|---|
| addClass() | Adicionar uma ou mais nomes de classe ao elemento selecionado |
| hasClass() | Verificar se qualquer elemento selecionado tem o nome de classe especificado |
| removeClass() | Remover uma ou mais classes do elemento selecionado |
| toggleClass() | Ao adicionar/Alternar entre uma ou mais classes no elemento selecionado |
Este método nos permite copiar elementos:
| Esses métodos obtêm e definem atributos CSS relacionados ao elemento: | Método |
|---|---|
| clone() | Criar uma cópia profunda do elemento selecionado |
Esses métodos nos permitem inserir novos conteúdos ao redor do conteúdo existente:
| Esses métodos obtêm e definem atributos CSS relacionados ao elemento: | Método |
|---|---|
| wrap() | Envolver cada elemento selecionado com um elemento HTML |
| wrapAll() | Envolver todos os elementos selecionados com um elemento HTML |
| wrapInner() | Envolver o conteúdo de cada elemento selecionado com um elemento HTML |
Esses métodos nos permitem inserir novos conteúdos dentro do elemento existente:
| Esses métodos obtêm e definem atributos CSS relacionados ao elemento: | Método |
|---|---|
| append() | Inserir conteúdo no final do elemento selecionado |
| appendTo() | Inserir um elemento HTML no final do elemento selecionado |
| html() | Definir ou obter o conteúdo HTML do elemento selecionado |
| prepend() | Inserir conteúdo no início do elemento selecionado |
| prependTo() | Inserir um elemento HTML no início do elemento selecionado |
| text() | Definir ou obter o conteúdo de texto do elemento selecionado |
Esses métodos nos permitem inserir novos conteúdos fora do elemento existente:
| Esses métodos obtêm e definem atributos CSS relacionados ao elemento: | Método |
|---|---|
| after() | Inserir conteúdo após o elemento selecionado |
| before() | Inserir conteúdo antes do elemento selecionado |
| insertAfter() | Inserir um elemento HTML após o elemento selecionado |
| insertBefore() | Inserir um elemento HTML antes do elemento selecionado |
Esses métodos nos permitem remover elementos do DOM:
| Esses métodos obtêm e definem atributos CSS relacionados ao elemento: | Método |
|---|---|
| detach() | Remover o elemento selecionado (mantendo dados e eventos) |
| empty() | Remover todos os nós filhos do elemento selecionado (incluindo nós de texto) |
| remove() | Remover o elemento selecionado (incluindo dados e eventos) |
| unwrap() | Remover o pai do elemento selecionado |
Esses métodos são usados para remover conteúdo do DOM e substituí-lo por novo conteúdo:
| Esses métodos obtêm e definem atributos CSS relacionados ao elemento: | Método |
|---|---|
| replaceAll() | Substituir o elemento selecionado por um novo elemento HTML |
| replaceWith() | Substituir o conteúdo do elemento selecionado por novo conteúdo |
Esses métodos obtêm e definem os atributos DOM do elemento:
| Esses métodos obtêm e definem atributos CSS relacionados ao elemento: | Método |
|---|---|
| attr() | Definir ou retornar o atributo do elemento selecionado/Valor |
| prop() | Definir ou retornar o atributo do elemento selecionado/Valor |
| removeAttr() | Remover um ou mais atributos do elemento selecionado |
| removeProp() | Remover atributos definidos pelo método prop() |
| val() | Definir ou retornar o atributo value do elemento selecionado (para elementos de formulário) |
Métodos de Estilo