TADS:Exercícios Fixação: 2016-01-28
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.
<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>
