Técnico Judiciário - Especialidade - Programação de Sistemas
Considere uma página HTML, que utiliza a biblioteca JQuery, onde o clique sobre uma div, originalmente sem formatações, muda a cor do fundo para laranja, retornando para a situação original com um segundo clique.Considerando que a cor foi definida em uma classe CSS, a modificação deve ser efetuada através do método:
Aappend;
Bcss;
ChasClass;
Ddetach;
EtoggleClass.
Revelar gabarito e comentário▾
GabaritoE — toggleClass.
Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.
jQuery – métodos de manipulação de classes CSS
Gabarito: letra E. O método toggleClass() adiciona ou remove uma classe CSS de um elemento conforme ela esteja presente ou ausente, exatamente o que a questão descreve: um clique alterna a classe que define o fundo laranja, e o segundo clique a remove, retornando ao original.
A FGV testa o conhecimento prático dos métodos jQuery mais comuns. Vamos analisar cada alternativa:
Alternativa A — ❌ Incorreta
O método append() insere conteúdo (HTML ou texto) dentro de um elemento, não manipula classes CSS.
Alternativa B — ❌ Incorreta
css() modifica propriedades CSS diretamente (ex.: $(elemento).css('background-color', 'orange')). Apesar de funcional, a questão especifica que a cor foi definida em uma classe CSS; portanto, o correto é alternar a classe, não setar a propriedade inline. Além disso, a alternância de dois estados seria mais trabalhosa com css().
Alternativa C — ❌ Incorreta
hasClass() apenas verifica se um elemento possui uma determinada classe – retorna true ou false –, não altera o estilo.
Alternativa D — ❌ Incorreta
detach() remove um elemento do DOM (mas mantém seus dados e eventos), não tem relação com classes ou estilos.
Alternativa E — ✅ Correta ⟵ GABARITO
toggleClass() adiciona a classe se ela não existir, ou a remove se já existir. Exato para o comportamento descrito: primeiro clique adiciona a classe .laranja (fundo laranja), segundo clique a remove (volta ao original). É o método padrão para efeitos de alternância (toggle).
PEGA ESSA DICA!
Em concursos, lembre-se que toggleClass é a ferramenta específica para alternar classes; os outros métodos possuem finalidades distintas (conteúdo, estilo direto, verificação ou remoção). Grave a relação: toggle = alternar. A banca costuma cobrar diretamente o nome do método.