Vimos na aula anterior (reveja aqui) como manipular elementos HTML usando jQuery. jQuery trabalha com o conceito com seletores e ações.
Agora vamos ver a lista de ações que podemos usar no jQuery, lembrando que no W3Schools é possível ver exemplos práticos de cada um deles;
| Method | Description |
|---|---|
| addClass() | Adiciona um ou mais nomes de classe aos elementos selecionados |
| after() | Insere conteúdo após os elementos selecionados |
| append() | Insere conteúdo no final dos elementos selecionados |
| appendTo() | Insere elementos HTML no final dos elementos selecionados |
| attr() | Define ou retorna atributos / valores de elementos selecionados |
| before() | Insere conteúdo antes dos elementos selecionados |
| clone() | Faz uma cópia dos elementos selecionados |
| css() | Define ou retorna uma ou mais propriedades de estilo para os elementos selecionados |
| detach() | Remove elementos selecionados (mantém dados e eventos) |
| empty() | Remove todos os nós e conteúdo filho dos elementos selecionados |
| hasClass() | Verifica se algum dos elementos selecionados tem um nome de classe especificado |
| height() | Define ou retorna a altura dos elementos selecionados |
| html() | Define ou retorna o conteúdo dos elementos selecionados |
| innerHeight() | Retorna a altura de um elemento (inclui preenchimento, mas não borda) |
| innerWidth() | Retorna a largura de um elemento (inclui preenchimento, mas não borda) |
| insertAfter() | Insere elementos HTML após os elementos selecionados |
| insertBefore() | Insere elementos HTML antes dos elementos selecionados |
| offset() | Define ou retorna as coordenadas do deslocamento para os elementos selecionados (em relação ao documento) |
| offsetParent() | Retorna o primeiro elemento pai posicionado |
| outerHeight() | Retorna a altura de um elemento (inclui preenchimento e borda) |
| outerWidth() | Retorna a largura de um elemento (inclui preenchimento e borda) |
| position() | Retorna a posição (em relação ao elemento pai) de um elemento |
| prepend() | Insere conteúdo no início dos elementos selecionados |
| prependTo() | Insere elementos HTML no início dos elementos selecionados |
| prop() | Define ou retorna as propriedades / valores dos elementos selecionados |
| remove() | Remove os elementos selecionados (incluindo dados e eventos) |
| removeAttr() | Remove um ou mais atributos dos elementos selecionados |
| removeClass() | Remove uma ou mais classes dos elementos selecionados |
| removeProp() | Remove uma propriedade definida pelo método prop () |
| replaceAll() | Substitui elementos selecionados por novos elementos HTML |
| replaceWith() | Substitui elementos selecionados por novo conteúdo |
| scrollLeft() | Define ou retorna a posição da barra de rolagem horizontal dos elementos selecionados |
| scrollTop() | Define ou retorna a posição da barra de rolagem vertical dos elementos selecionados |
| text() | Define ou retorna o conteúdo do texto dos elementos selecionados |
| toggleClass() | Alterna entre adicionar / remover uma ou mais classes de elementos selecionados |
| unwrap() | Remove o elemento pai dos elementos selecionados |
| val() | Define ou retorna o atributo de valor dos elementos selecionados (para elementos de formulário) |
| width() | Define ou retorna a largura dos elementos selecionados |
| wrap() | Quebra o(s) elemento (s) HTML em torno de cada elemento selecionado |
| wrapAll() | Envolve elemento (s) HTML em torno de todos os elementos selecionados |
| wrapInner() | Quebra o(s) elemento (s) HTML em torno do conteúdo de cada elemento selecionado |