Buscar

Aula 10 - Fundamentos do JQuery

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Faça como milhares de estudantes: teste grátis o Passei Direto

Esse e outros conteúdos desbloqueados

16 milhões de materiais de várias disciplinas

Impressão de materiais

Agora você pode testar o

Passei Direto grátis

Você também pode ser Premium ajudando estudantes

Prévia do material em texto

Aula 10 - Fundamentos do JQuery 
 
1. jQuery é uma biblioteca pequena que tem uma grande adoção em 
páginas web por permitir que essas adotem comportamentos dinâmicos e se 
adaptem facilmente a algumas tecnologias. Assinale a alternativa correta quanto 
algumas das características da jQuery: 
 
Resposta: B. Tem compatibilidade e possibilita a instalação de plug-ins e 
extensões. 
 
Justificativa: Uma das grandes vantagens da adoção do jQuery em projetos é a 
sua compatibilidade e possibilidade de instalação de novos plug-ins e extensões. 
Apesar de várias vantagens, outra das principais desvantagens de jQuery é quanto 
à performance, conhecer jQuery não substitui a necessidade de conhecer e entender 
JavaScript, até porque essa é uma biblioteca da linguagem. jQuery, desde o seu 
lançamento, tem suporte ao padrão CSS3 e contém uma sintaxe bem mais simplificada 
que a JavaScript, sendo assim, bem menos verbosa. 
 
2. Os selectors são recursos fundamentais do jQuery. Entender e conhecer a forma 
como pode-se referenciar e selecionar recursos da DOM HTML é pilar para 
trabalhar com jQuery. Analise o código a seguir e assinale a alternativa correta 
quanto ao seu tipo de selector: 
 
$("#test").hide(); 
 
Resposta: A. Seleciona um único elemento que corresponde ao ID fornecido. 
 
Justificativa: O tipo de selector indicado com a # é o que seleciona um único 
elemento que corresponde ao ID fornecido. Para selecionar uma classe 
especificada, é usado o selector ponto-final, seguido do nome da classe; para todos os 
elementos da DOM, é usado o selector universal; para resultados combinados, é usado 
o selector Multiple Elements e, para elementos que contêm uma determinada 
substring, é usado o selector [name*=”value”]. 
 
3. Muitas vezes, problemas na utilização do jQuery estão relacionados à instalação 
da biblioteca ou referência no arquivo HTML. Analise o código HTML a seguir e 
assinale a alternativa correta acerca da instalação da biblioteca: 
 
<html> 
<head> 
 <script type=”text/Javascript” src=”js/biblioteca.js”></script> 
</head> 
<body> 
 Aprendendo jQuery. 
</body> 
</html> 
 
Resposta: D. O arquivo js está localizado em um diretório chamado js e deve ser 
renomeado para biblioteca. 
 
Justificativa: Analisando o código HTML, para funcionar, o arquivo js deve 
ser renomeado para biblioteca e ficar em um diretório chamado js. Pelo código 
apresentado, o arquivo HTML não está localizado no mesmo diretório js e não existe 
https://ultra.content.blackboardcdn.com/ultra/uiv3900.74.0-rel.25_afc4ff2
necessidade de ser renomeado para biblioteca para funcionar com o arquivo js. 
Biblioteca deve ser somente o nome do arquivo js. 
 
4. Alguns cuidados são importantes para garantir o funcionamento da biblioteca 
jQuery. Um dos cuidados está relacionado ao fato de somente executar após 
carregar. Quanto a isso, uma solução que poderia auxiliar seria: 
 
Resposta: E. Criar uma função $ que recebe uma função anônima como 
argumento. 
 
Justificativa: Uma forma de garantir que o jQuery seja executado somente após 
carregamento da página seria criando uma função $ que recebe como parâmetro 
uma função que executa os elementos da página. Salvar a biblioteca jQuery junto 
ao arquivo html não resolve esse problema, é apenas uma padronização. Manter a 
versão atualizada constantemente está relacionado a garantir compatibilidade. 
Executar a tag <script> antes de todas evita problemas de importação, e implementar 
mecanismos de refresh na tela ao contrário pode causar problemas na execução. 
 
5. Imagine um código HTML que tenha um bloco div com id=“novo”. Existe a 
necessidade de esconder todo o conteúdo deste bloco div. Utilizando os 
recursos de jQuery, o comando correto para executar essa instrução seria: 
 
Resposta: B. $("#novo").hide(); 
 
Justificativa: O comando em jQuery utilizado para esconder um bloco div é por meio 
da função hide. Sendo assim, a opção correta seria $("#novo").hide().

Continue navegando