Observe o código a seguir.<!DOCTYPE html> <html...

457941204440083

Ano: 2022Banca: FGVOrganização: CGUDisciplina: Linguagens de ProgramaçãoTemas: JavaScript

Observe o código a seguir.

<!DOCTYPE html>
<html>
 <head>
 <script 
src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
</script>
 <script>
 //Inserir código aqui
 </script>
 </head>
 
 <body>
 <h3>Lorem Ipsum</h3>
 
 <div>
 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 <p>Pellentesque ut nunc elit. Nullam rutrum nibh placerat.</p>
 </div>
 <p>Fusce rutrum, lacus in laoreet egestas, ex lacus laoreet quam</p>
 <p>Vestibulum ante ipsum primis in posuere cubilia curae</p>
 <button>Remover</button>
 </body>
</html>

Para adicionar ao botão o comportamento de remover apenas os elementos-filhos e o conteúdo do elemento div, pode-se utilizar o seguinte trecho de código no elemento script:

$(document).ready(function(){
 $("button").click(function(){
 $("div").empty();
 });
 });

$(document).ready(function(){
 $("button").click(
 $("div").clear());
 });

$(document).ready(function(){
 $("Remover").click(function(){
 $("div").removeContent();
 });
 });

$(document).ready(function(){
 $("button").click(function(){
 $("div").remove());
 });
 });

$(document).ready(function(){
 $("Remover").click(
 $("div").empty(“p”));
 });

Gabarito comentado

Comentários

Anotações

Enviar para caderno

Reportar erro

457941204440083

Ano: 2022Banca: FGVOrganização: CGUDisciplina: Linguagens de ProgramaçãoTemas: JavaScript

Observe o código a seguir.

<!DOCTYPE html>
<html>
 <head>
 <script 
src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
</script>
 <script>
 //Inserir código aqui
 </script>
 </head>
 
 <body>
 <h3>Lorem Ipsum</h3>
 
 <div>
 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 <p>Pellentesque ut nunc elit. Nullam rutrum nibh placerat.</p>
 </div>
 <p>Fusce rutrum, lacus in laoreet egestas, ex lacus laoreet quam</p>
 <p>Vestibulum ante ipsum primis in posuere cubilia curae</p>
 <button>Remover</button>
 </body>
</html>

Para adicionar ao botão o comportamento de remover apenas os elementos-filhos e o conteúdo do elemento div, pode-se utilizar o seguinte trecho de código no elemento script:

$(document).ready(function(){
 $("button").click(function(){
 $("div").empty();
 });
 });

$(document).ready(function(){
 $("button").click(
 $("div").clear());
 });

$(document).ready(function(){
 $("Remover").click(function(){
 $("div").removeContent();
 });
 });

$(document).ready(function(){
 $("button").click(function(){
 $("div").remove());
 });
 });

$(document).ready(function(){
 $("Remover").click(
 $("div").empty(“p”));
 });

Gabarito comentado

Comentários

Anotações

Enviar para caderno

Reportar erro

Lorem Ipsum

Lorem Ipsum

Observe o código a seguir.<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/...

Questões relacionadas para praticar

Lorem Ipsum

Lorem Ipsum

Observe o código a seguir.<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/...

Questões relacionadas para praticar