Ações (métodos) jQuery

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