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: Manipulação de classes CSS com seletores
Gabarito: letra C. Para adicionar uma classe CSS a um elemento selecionado por seu id, a sintaxe correta do jQuery é $("#caixa").addClass("destaca"); — utiliza-se o seletor #id e o método addClass(). As demais alternativas contêm erros de sintaxe (nome de método incorreto, seletor errado ou uso de API JavaScript pura no lugar do jQuery).
A banca testa o conhecimento básico da sintaxe jQuery para seleção de elementos por id e aplicação de classes. O ponto central é lembrar que no jQuery:
Seletores: #id para id, .class para classe.
Método para adicionar classe: addClass("nome") (sem "c" extra e sem "List").
O jQuery é acessado via função $() ou jQuery().
Alternativa A — ❌ Incorreta
Utiliza $querySelector que não é uma função jQuery; é um método do DOM nativo (document.querySelector). Além disso, a sintaxe de objeto {"destaca"} está errada: o addClass recebe uma string, não um objeto.
Alternativa B — ❌ Incorreta
Usa o seletor "div.caixa" que seleciona elementos com classe caixa, não com id. O correto seria "#caixa". Além disso, addcClass está com um "c" a mais (o correto é addClass).
Alternativa C — ✅ Correta ⟵ GABARITO
A sintaxe está perfeita: $("#caixa") seleciona o elemento com id="caixa", e addClass("destaca") adiciona a classe "destaca". É a forma padrão do jQuery.
Alternativa D — ❌ Incorreta
Usa document.querySelector("#caixa"), que é JavaScript puro, não jQuery. O método addClassList não existe; em JavaScript puro, o correto é classList.add("destaca").
Alternativa E — ❌ Incorreta
Usa $("div#caixa") que embora funcione (seleciona div com id caixa), é redundante; mas o erro principal é addClassList — esse método não existe no jQuery (o correto é addClass). jQuery não possui addClassList.
NÃO CAIA NESSA!
A banca explora a confusão entre jQuery e JavaScript puro. O candidato pode cair ao misturar métodos: usar addClassList (que não existe em jQuery) ou usar document.querySelector com addClass (que são de APIs diferentes). Lembre-se: jQuery usa $(), seletores CSS (com # para id) e métodos próprios (addClass, removeClass, toggleClass). JavaScript puro usa document.querySelector, classList.add etc. Na dúvida, identifique se a instrução começa com $ ou document..