Questão nº 45
Questão de Tecnologia da Informação · FGV TCE-TO 2022 (nº 45)
Analise o código jQuery a seguir.
<script>
$(document).ready(function(){
$("p").click(function(){
$(this).hide();
});
});
</script>
É correto concluir que o termo this refere-se:
- Aa um elemento HTML cujo id é “p”, que tenha sido clicado;
- Bao documento HTML recém-carregado;
- Cao método ready;
- Da um elemento HTML cuja tag é “p”, que tenha sido clicado; (alternativa correta)
- Ea um elemento HTML cuja classe é “p”, que tenha sido clicado.
Resposta comentada
Gabarito Alternativa D
Em JavaScript, especialmente em manipuladores de eventos, a palavra-chave this se refere ao elemento HTML que disparou o evento. No jQuery, $(this) transforma esse elemento nativo em um objeto jQuery para que métodos jQuery possam ser aplicados a ele.
(A) Incorreta: O seletor $("p") seleciona elementos pela sua tag HTML, não pelo seu id. Para selecionar um elemento por ID, o seletor seria $("#p").
(B) Incorreta: this dentro do manipulador de clique refere-se ao elemento que foi clicado, não ao documento HTML. O documento é referenciado por $(document).
(C) Incorreta: this refere-se a um objeto ou elemento, nunca a um método como ready.
(D) Correta: O seletor $("p") seleciona todos os elementos com a tag <p>. Quando um desses elementos é clicado, a função anônima é executada, e dentro dela, this representa o elemento <p> específico que foi clicado.
(E) Incorreta: O seletor $("p") seleciona elementos pela sua tag HTML, não pela sua classe. Para selecionar um elemento por classe, o seletor seria $(".p"). A armadilha aqui é confundir o seletor de tag (p) com um seletor de classe (.p) ou ID (#p), o que é um erro comum para iniciantes em jQuery.
Fonte: FGV TCE-TO 2022 Analista Técnico - Tecnologia da Informação (Caderno Tipo 1). Reproduzida para fins de estudo.