Questão nº 56
Questão de Tecnologia da Informação · FGV BANESTES 2021 (nº 56)
Analise o fragmento de código jQuery a seguir.
$("#x1").click(function(){
$("#x2").html("<b>Hello world!</b>");
});
Numa página web, esse trecho faz com que um clique:
- Aem qualquer elemento cuja tag é x1, cause uma alteração no conteúdo de todos os elementos com a tag x2;
- Bem qualquer elemento da classe x1, cause uma alteração no conteúdo do elemento cujo id é x2;
- Cno elemento cujo atributo id é x1, cause uma alteração no conteúdo de todos os elementos da classe x2;
- Dno elemento cujo atributo id é x1, cause uma alteração no conteúdo do elemento cujo id é x2; (alternativa correta)
- Eno elemento cujo atributo id é x1, cause uma alteração no conteúdo de todos os elementos com a tag x2.
Resposta comentada
Gabarito Alternativa D
jQuery é uma biblioteca JavaScript que facilita a manipulação de elementos HTML em uma página web, usando seletores para encontrar esses elementos e métodos para interagir com eles. O símbolo # em um seletor jQuery indica que você está buscando um elemento pelo seu id (identificador único).
(A) Incorreta: O seletor #x1 busca um elemento pelo seu id, não pela sua tag. Além disso, IDs devem ser únicos, então #x1 seleciona apenas um elemento, não "qualquer elemento" com a tag x1, e #x2 também seleciona um único elemento por ID, não "todos os elementos com a tag x2".
(B) Incorreta: O seletor #x1 busca um elemento pelo seu id, não pela sua classe. Seletores de classe usam o ponto (.).
(C) Incorreta: O seletor #x2 busca um elemento pelo seu id, não pela sua classe. Seletores de classe usam o ponto (.), e IDs são únicos, selecionando apenas um elemento.
(D) Correta: O seletor $("#x1") identifica o elemento HTML cujo atributo id é "x1". O método .click() anexa uma função que será executada quando esse elemento for clicado. Dentro dessa função, $("#x2") identifica o elemento HTML cujo atributo id é "x2", e o método .html() altera o conteúdo HTML desse elemento para "<b>Hello world!</b>".
(E) Incorreta: O seletor #x2 busca um elemento pelo seu id, não pela sua tag. Além disso, IDs são únicos, então #x2 seleciona apenas um elemento, não "todos os elementos com a tag x2". Esta é a armadilha mais tentadora, pois acerta a identificação do elemento que recebe o clique (#x1), mas erra completamente a identificação do elemento que sofre a alteração, confundindo id com tag e a unicidade do id com a possibilidade de selecionar múltiplos elementos.
Fonte: FGV BANESTES 2021 Analista em Tecnologia da Informação - Desenvolvimento de Sistemas (Caderno Tipo 1). Reproduzida para fins de estudo.