Ao contrário do HTML padrão, onde um evento é associado a uma função JavaScript através de um atributo da tag, quando utilizamos jQuery temos a associação de forma dinâmica, por meio do código em JavaScript e seletores CSS. Essa abordagem permite comportamentalizar ainda mais o HTML em seu papel estruturante. Supondo que queremos associar o evento onclick de um componente identificado como "confirma" a uma função Java Script com o nome "executar", qual seria o comando correto, com uso do jQuery UI?

Alternativa C

A questão aborda o uso da biblioteca jQuery para manipulação de eventos do DOM (Document Object Model). O comando correto deve seguir a sintaxe específica do método .on() e a forma correta de passar referências de funções em JavaScript.

Análise Detalhada

Para responder corretamente, é necessário entender três pontos fundamentais da sintaxe do jQuery e JavaScript:

1. Sintaxe do Método .on():

• O método usado para associar eventos dinamicamente no jQuery moderno é .on(evento, funcao).
• A estrutura geral é: $(seletor).on("tipoDoEvento", manipuladorDaFuncao).

1. Referência de Função vs. Chamada de Função:

• Ao passar uma função como parâmetro para um evento, devemos passar apenas o nome da função (executar).
• Se adicionarmos parênteses (executar()), o código executa a função imediatamente ao carregar a página, em vez de vincular a ação ao clique futuro.
• Isso elimina as alternativas A, B e D, pois todas utilizam executar().

1. Seletores CSS no jQuery:

• # (Hash): Seleciona elementos pelo ID. O ID é único na página.
• . (Ponto): Seleciona elementos pela Classe. Vários elementos podem ter a mesma classe.
• O enunciado diz "um componente identificado como 'confirma'", sugerindo uma identificação única (ID). Além disso, a alternativa B usa $("confirma") que é inválido (falta o símbolo de seleção).
• Entre as opções restantes (C e E), a opção C utiliza #confirma (ID), enquanto E utiliza .confirma (Classe). Em questões técnicas onde se fala em "identificar um componente" específico sem mencionar "classe", o uso de ID (#) é o padrão mais preciso.

Resumo das Alternativas

Conclusão

A alternativa C é a correta porque utiliza o seletor de ID correto (#) e passa a referência da função executar sem os parênteses, garantindo que ela seja executada apenas quando o evento de clique ocorrer.