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().