Analise o script jQuery exibido a seguir. $(document).ready(...

Próximas questões
Com base no mesmo assunto
Q1846177 Programação

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

Alternativas

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