Questão nº 52
Questão de Tecnologia da Informação · FGV TJ-SE Servidor 2023 (nº 52)
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. (alternativa correta)
Resposta comentada
Gabarito Alternativa E
O método `toggleClass` do jQuery é como um interruptor de luz para classes CSS: ele adiciona uma classe a um elemento se ela não estiver lá, e a remove se já estiver, alternando seu estado a cada vez.
(A) Incorreta: O método `append()` é usado para inserir conteúdo (HTML, texto ou elementos jQuery) no final de um elemento, não para manipular classes CSS.
(B) Incorreta: O método `css()` é usado para obter ou definir propriedades de estilo CSS diretamente em um elemento. Embora possa mudar a cor, ele não "alterna" uma classe definida em CSS e exigiria lógica adicional para reverter o estado, o que não é o mais adequado para a descrição da questão. Armadilha da banca: Esta é tentadora porque `css()` pode mudar a cor, mas a questão especifica que a cor está "definida em uma classe CSS" e pede uma alternância simples, o que `css()` não faz diretamente sem lógica extra.
(C) Incorreta: O método `hasClass()` é usado para verificar se um elemento possui uma determinada classe CSS, retornando `true` ou `false`. Ele não modifica o elemento.
(D) Incorreta: O método `detach()` remove um elemento do DOM (Document Object Model), mas mantém seus dados e eventos, permitindo que ele seja reinserido posteriormente. Não é para manipulação de classes ou estilos.
(E) Correta: O método `toggleClass()` é a solução perfeita para a descrição. Ele adiciona a classe CSS (que define a cor laranja) se ela não estiver presente no elemento, e a remove se já estiver, alternando o estilo com cada clique e retornando à situação original como solicitado.
Fonte: FGV TJ-SE Servidor 2023 Técnico Judiciário - Programação de Sistemas (Caderno Tipo 1). Reproduzida para fins de estudo.