TADS:Exercícios Fixação: 2016-01-28

De Wiki Cursos IFPR Foz
Revisão de 20h17min de 28 de janeiro de 2016 por Estevan.costa (discussão | contribs)
Ir para navegaçãoIr para pesquisar

Modifique o Código Abaixo para que o jquery esconda todos os elementos

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("selector").hide();
});
</script>
</head>
<body>

<h2>This is a heading</h2>

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

</body>
</html>

Modifique o código abaixo para que ele esconda todos os elementos com id="test"

<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script> $(document).ready(function(){

   $("selector").hide();

}); </script> </head> <body>

This is a paragraph.

This is a paragraph with id="test".

</body> </html>



Modifique o código abaixo para que esconda todos os elementos da classe "test

<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script> $(document).ready(function(){

   $("selector").hide();

}); </script> </head> <body>

This is a heading

This is a paragraph.

This is another paragraph.

</body> </html>


Modifique o código para que ele esconda todos os elementos do documento

<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script> $(document).ready(function(){

   $("selector").hide();

}); </script> </head> <body>

This is a heading

This is another heading

This is a paragraph.

This is another paragraph.

This is a div element.

<button>This is a button</button>

</body> </html>


Modifique o código abaixo para que ele esconda todos os elementos que tenham um atributo href.

<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script> $(document).ready(function(){

   $("selector").hide();

}); </script> </head> <body>

This is a paragraph.

This is another paragraph.

<a href="http://www.w3schools.com/html/">HTML Tutorial</a> <a href="http://www.w3schools.com/css/">CSS Tutorial</a>

</body> </html>


Modifique a Página abaixo para que esconda todas as linhas ímpares da tabela.

<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script> <script> $(document).ready(function(){

   $("selector").hide();

}); </script> </head> <body>

Company Country
Alfreds Futterkiste Germany
Berglunds snabbköp Sweden
Centro comercial Moctezuma Mexico
Ernst Handel Austria
Island Trading UK

</body> </html>