Analise o script jQuery exibido a seguir. $(document).ready(function(){ $("button").click(function(){ $("p").hide(500); }); }); Numa página Web, esse código faz com que
- A)se um elemento com id=”p” for clicado, todos os elementos com id=”button” são ocultados.
Errada, porque o código usa seletores por tag (button e p), e não por id, além de não esconder botões ao clicar em parágrafos.
- B)se um elemento com id=”button” for clicado, todos os elementos com id=”p” são ocultados.
Errada, porque não existe id="button" nem id="p" no script; o clique é em qualquer tag button e o efeito atinge todas as tags p.
- C)todos os parágrafos são ocultados quando a página é carregada, e voltam a ficar visíveis quando algum botão for clicado.
Errada, porque os parágrafos não são ocultados ao carregar a página nem voltam a aparecer depois; eles só somem quando um botão é clicado.
- D)um clique, em qualquer botão presente na página, oculta todos os parágrafos.
Certa, porque qualquer elemento button recebe o evento click e, ao acioná-lo, todos os elementos p são ocultados.
- E)um clique, em qualquer parágrafo presente na página, oculta todos os botões.
Errada, porque o evento não está ligado a parágrafos e a ação não é ocultar botões, mas sim esconder parágrafos ao clicar em botões.
Gabarito: D
Esse script jQuery monta uma regra bem simples: quando o documento terminar de carregar, ele registra um evento de clique para todos os elementos do tipo button. Em outras palavras, a página espera ficar pronta e, depois disso, qualquer botão que você clicar executa a função definida. Isso é o uso clássico de $(document).ready(...), que evita tentar interagir com elementos antes de eles existirem na tela. Dentro do clique, aparece $("p").hide(500). Aqui, o seletor p não está falando de id nem de classe, mas de todas as tags da página. Então, ao clicar em um botão, todos os parágrafos são ocultados com uma animação de 500 milissegundos. O 500 é justamente o tempo da transição, dando aquele efeito de sumiço elegante, sem drama. Por isso o gabarito D está correto: qualquer botão presente na página dispara o evento e oculta todos os parágrafos. A banca FGV costuma cobrar muito bem essa diferença entre seletor por tag, id e classe, então vale lembrar: button pega a tag button, p pega a tag p. Se fosse id, apareceriam sinais como #button ou #p. Em resumo, o código não mexe com um botão específico, nem com um parágrafo específico. Ele cria uma ação para qualquer botão e aplica o efeito hide em todos os elementos p da página.