Questão de Programação — Linguagens de programação — Quadrix 2025

jQuery: métodos de efeito e manipulação de CSS

Gabarito: ERRADO. O comando .fadeOut() em jQuery é um método de efeito visual, cuja função é ocultar gradualmente um elemento (animando sua opacidade até zero), e não definir ou obter propriedades de estilo CSS. A função de definir/obter propriedades CSS é do método .css(). A afirmação troca a finalidade de dois métodos distintos da biblioteca.

O jQuery é uma biblioteca JavaScript que simplifica a manipulação do DOM, o tratamento de eventos, a criação de animações e o acesso a recursos AJAX. Dentro do universo de animações, o jQuery oferece um conjunto de métodos de efeito que alteram a visibilidade dos elementos de forma animada. O .fadeOut() faz parte desse grupo, juntamente com .fadeIn(), .fadeToggle() e .fadeTo(). Todos eles trabalham com a propriedade CSS opacity (opacidade) para criar a transição visual.

O método .fadeOut() anima a opacidade do elemento de seu valor atual (geralmente 1, totalmente opaco) até 0 (totalmente transparente). Ao final da animação, o elemento é automaticamente ocultado com display: none, a menos que seja especificado um callback para alterar esse comportamento. A assinatura típica é $(seletor).fadeOut(duração, callback), onde duração pode ser uma string como "slow", "fast" ou um número em milissegundos, e callback é uma função executada ao término da animação.

Por outro lado, o método .css() é o responsável por definir ou obter uma ou mais propriedades de estilo CSS de um elemento. Por exemplo, $("p").css("color") retorna a cor atual do texto do primeiro parágrafo, enquanto $("p").css("color", "red") define a cor de todos os parágrafos para vermelho. Esse método é a ponte direta entre o jQuery e o CSS, permitindo leitura e escrita de estilos inline.

A confusão entre .fadeOut() e .css() é uma pegadinha clássica em provas de programação web. O candidato que decora os nomes dos métodos sem entender suas funções pode facilmente associar .fadeOut() a algo relacionado a estilos, já que o efeito visual envolve a propriedade opacity. No entanto, a finalidade principal do método é a animação, não a manipulação direta de CSS. Para fixar: efeitos visuais (fade, slide, show, hide) alteram a aparência de forma animada; manipulação de CSS (.css(), .addClass(), .removeClass()) altera estilos de forma direta e imediata.

Guarde essa distinção: se a questão menciona "definir ou obter propriedades de estilo CSS", o método correto é .css(). Se menciona "animar a opacidade" ou "ocultar gradualmente", o método é .fadeOut(). É exatamente essa fronteira que a assertiva tenta confundir.

Item — ❌ ERRADO

A afirmação está incorreta porque atribui ao .fadeOut() uma função que pertence ao .css(). O .fadeOut() é um método de efeito que anima a opacidade do elemento até ocultá-lo, enquanto o .css() é o método que define ou obtém propriedades de estilo. A banca trocou a finalidade dos dois métodos, uma armadilha comum para quem não domina a API do jQuery.

Gabarito: ERRADO