Eventos de Mouse: Em um projeto de interface web, um desenvolvedor utiliza jQuery para aprimorar a interatividade. Ele planeja modificar o estilo de um botão quando o usuário passa o mouse sobre ele. Para isso, ele precisa selecionar corretamente o botão e aplicar a função de estilo. Qual método jQuery o desenvolvedor deve usar para selecionar o botão pelo seu ID e aplicar uma mudança de estilo ao passar o mouse?

Para selecionar um elemento pelo ID em jQuery, utiliza-se o seletor #id, isto é: $$('#botao')$.

Para alterar o estilo quando o usuário passa o mouse sobre o botão (e, normalmente, também quando tira o mouse), o método mais apropriado é .hover(), que é um atalho para tratar os eventos de entrada e saída do mouse (equivalente a lidar com mouseenter e mouseleave).

Assim, a ideia é algo como:

• ao entrar com o mouse: aplicar CSS (ex.: $(this).css(...))
• ao sair com o mouse: reverter o CSS

Analisando as alternativas:

• A) onMouseOver() não é método jQuery.
• B) $('#botao').hover() seleciona por ID e permite aplicar estilo ao passar o mouse (correto).
• C) usa seletor de classe (.botao), não ID.
• D) mouseover() existe, mas a questão pede o método jQuery para aplicar a mudança ao passar o mouse, e o padrão mais adequado/idiomático para esse caso é hover().
• E) mouseStyle() não é método jQuery.

Alternativa correta: (B).