Analise o script jQuery exibido a seguir. $(document).ready(...
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
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
Gabarito: D
Para resolver essa questão, é necessário ter conhecimento sobre a biblioteca jQuery, uma das mais utilizadas para manipulação do Document Object Model (DOM) em páginas web. O código apresentado utiliza a função $(document).ready(), que garante que o código JavaScript seja executado somente após o carregamento completo da estrutura HTML da página. Dentro dessa função, temos um evento de clique associado a todos os elementos do tipo button por meio da linha $("button").click(function(){...});. Isso significa que o script está preparado para responder a cliques em qualquer botão da página.
Quando um botão é clicado, a função dentro do .click() é executada. A linha $("p").hide(500); é responsável por ocultar todos os elementos de parágrafo <p> na página. O número 500 indica que a ação de esconder os parágrafos ocorrerá em um efeito de transição com duração de 500 milissegundos.
A alternativa correta, D, diz que um clique em qualquer botão presente na página oculta todos os parágrafos. Isso está correto porque o seletor $("button") referencia todos os elementos <button> e o seletor $("p") referencia todos os elementos <p>. Não há restrição de seletores por id ou outra especificidade, o que significa que a ação será aplicada de forma geral para todos os elementos correspondentes aos seletores utilizados.
As demais alternativas estão incorretas, pois ou contêm condições que não estão presentes no código (como a seleção por id, o que não ocorre no script dado), ou descrevem comportamentos (como elementos ocultados ao carregar a página ou ao clicar em parágrafos) que também não são implementados pelo código fornecido.
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo
Comentários
Veja os comentários dos nossos alunos
GAB D
Esse "500" é a velocidade da transição em milissegundos
No jQuery, assim como no CSS, para selecionar todos os elementos parágrafos, por exemplo, utiliza-se a notação: <"p">
Para selecionar todos os elementos parágrafos com uma id específica, utiliza-se: <"#p">
Para selecionar todos os elementos parágrafos com uma classe específica, utiliza-se: <".p">
Com isso, você já elimina as alternativas "A" e "B", pois $("button") e $("p") não estão selecionando id.
$(document).ready(...): espera a página carregar completamente.
$("button").click(...): define o que acontece ao clicar em qualquer botão.
$("p").hide(500): esconde todos os parágrafos (<p>) com animação de 500 ms.
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo