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.
Clique para visualizar este comentário
Visualize os comentários desta questão clicando no botão abaixo