Questão nº 39
Questão de Tecnologia da Informação · FGV TJ-MS 2024 (nº 39)
O analista Joaquim está escrevendo um script jQuery no interior de uma página de HyperText Markup Language (HTML). Joaquim precisa encontrar na página HTML todos os elementos <a> que descendem, de forma direta ou indireta, de um elemento <nav>. Para solucionar a questão de forma rápida, Joaquim decidiu utilizar o recurso de seletores do jQuery.
Para encontrar os elementos necessários, Joaquim deve usar o seletor do jQuery:
- A$('nav a'); (alternativa correta)
- B$('nav ~ a');
- C$('nav > a');
- D$('nav + a');
- E$('nav:has(a)').
Resposta comentada
Gabarito Alternativa A
jQuery selectors são padrões que usamos para encontrar elementos HTML específicos em uma página, permitindo manipular o conteúdo ou estilo desses elementos. Eles funcionam de forma similar aos seletores de CSS, usando a estrutura hierárquica do HTML para localizar os alvos.
(A) Correta: Este é o seletor de descendente, que encontra todos os elementos `<a>` que estão dentro de um elemento `<nav>`, não importando o nível de aninhamento (direto ou indireto).
(B) Incorreta: O seletor `~` (irmão geral) encontra elementos `<a>` que são irmãos de `<nav>` e aparecem depois dele no código, não dentro.
(C) Incorreta: O seletor `>` (filho direto) encontraria apenas elementos `<a>` que são filhos imediatos de `<nav>`. A armadilha da banca aqui é que a questão pede descendentes diretos ou indiretos, e este seletor não alcança os indiretos.
(D) Incorreta: O seletor `+` (irmão adjacente) encontra o primeiro elemento `<a>` que é imediatamente precedido por um `<nav>` no mesmo nível hierárquico, não dentro.
(E) Incorreta: O seletor `:has(a)` selecionaria os próprios elementos `<nav>` que contêm `<a>`s, e não os elementos `<a>` que estão dentro deles.
Fonte: FGV TJ-MS 2024 Técnico de Nível Superior - Web Designer (Caderno Tipo 1). Reproduzida para fins de estudo.