Baixe o app para aproveitar ainda mais
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().
Compartilhar