Questão de Arquitetura de Desenvolvimento de Software · FGV SEFAZ-AM 2022 - Prova II (nº 13)

Para manipular estilos CSS de elementos HTML usando jQuery, você usa o seletor para encontrar o elemento e o método .css() para aplicar as propriedades de estilo.

• (A) Correta: $("div").css('color', '#FF0000') – Este código seleciona todos os elementos <div> na página (neste caso, o div com id="container" que contém o h1). O método .css('propriedade', 'valor') é a forma correta em jQuery de aplicar um estilo CSS. Ao definir color como #FF0000 (vermelho) no div, o texto "Meu Site" dentro do h1 herdará essa cor, tornando-se vermelho.
• (B) Incorreta: $("div").html({'background-color': '#FF0000'}) – O método .html() é usado para obter ou definir o conteúdo HTML de um elemento, não para aplicar estilos CSS. Além disso, background-color mudaria o fundo, não a cor do texto.
• (C) Incorreta: $("#titulo").append("{'color': '#FF0000'}") – O seletor $("#titulo") não encontra nenhum elemento na página, pois o h1 não possui id="titulo". O método .append() é usado para adicionar conteúdo ao final de um elemento, não para aplicar estilos.
• (D) Incorreta: $("#titulo").attr('foreground-color', '#FF0000') – O seletor $("#titulo") não encontra nenhum elemento. O método .attr() é usado para manipular atributos HTML (como id, class, src), não propriedades CSS. Além disso, foreground-color não é uma propriedade CSS padrão; a correta seria color.
• (E) Incorreta: $("div").style('color', '#FF0000') – Esta é a armadilha mais comum para iniciantes. Embora o seletor $("div") e a propriedade color estejam corretos, .style() não é um método jQuery. Em JavaScript puro, você acessaria elemento.style.color, mas em jQuery, o método para manipular CSS é .css().