Logo Passei Direto
Buscar
m um projeto web, um desenvolvedor opta por utilizar o JQuery para simplificar a manipulação do DOM. Ele necessita implementar uma função que esconda todos os elementos

com a classe .destaque ao clicar em um botão específico. Qual linha de código em JQuery realiza corretamente a ação descrita acima? A $("p.destaque").hideOnClick(); B $("p.destaque").click(function() { $(this).hide(); }); C $("p").hasClass(".destaque").click(function() { $(this).hide(); D $("button").click(function() { $("p.destaque").hide(); }); E $(".destaque").on("click", "p", function() { $(this).hide(); });

User badge image
tatiana antoniazzi

ano passado

Respostas

User badge image

Ed Verified user icon

há 6 meses

Vamos analisar cada uma das alternativas para encontrar a linha de código correta que esconde todos os elementos `

` com a classe `.destaque` ao clicar em um botão específico. A) `$("p.destaque").hideOnClick();` - Esta opção não existe no jQuery. O método correto para esconder elementos é `.hide()`, então essa alternativa está incorreta. B) `$("p.destaque").click(function() { $(this).hide(); });` - Esta opção faz com que cada parágrafo com a classe `.destaque` seja escondido ao clicar nele, mas não atende à necessidade de esconder todos os elementos ao clicar em um botão. Portanto, está incorreta. C) `$("p").hasClass(".destaque").click(function() { $(this).hide();` - Esta opção tem um erro de sintaxe e lógica. O método `hasClass` não deve ser usado dessa forma e não esconde os elementos ao clicar em um botão. Portanto, está incorreta. D) `$("button").click(function() { $("p.destaque").hide(); });` - Esta opção está correta. Ela define um evento de clique no botão e, ao ser clicado, esconde todos os elementos `

` com a classe `.destaque`. E) `$(".destaque").on("click", "p", function() { $(this).hide(); });` - Esta opção está incorreta porque tenta esconder os elementos `

` ao clicar neles, mas não ao clicar em um botão. Portanto, a alternativa correta é: D) $("button").click(function() { $("p.destaque").hide(); });

Essa resposta te ajudou?

0
Dislike0
left-side-bubbles-backgroundright-side-bubbles-background

Crie sua conta grátis para liberar essa resposta. 🤩

Já tem uma conta?

Ao continuar, você aceita os Termos de Uso e Política de Privacidade

User badge image

Ed Verified user icon

ano passado

Analisando as opções fornecidas, a linha de código em JQuery que realiza corretamente a ação descrita é a opção D: $("button").click(function() { $("p.destaque").hide(); });. Essa linha de código faz com que, ao clicar em um botão específico, todos os elementos

com a classe .destaque sejam ocultados.

Essa resposta te ajudou?

0
Dislike0

Ainda com dúvidas?

Envie uma pergunta e tenha sua dúvida de estudo respondida!

Mais conteúdos dessa disciplina