Os materiais didáticos aqui disponibilizados estão licenciados através de Creative Commons Atribuição-SemDerivações-SemDerivados CC BY-NC-ND. Você possui a permissão para visualizar e compartilhar, desde que atribua os créditos do autor. Não poderá alterá-los e nem utilizá-los para fins comerciais.
Atribuição-SemDerivações-SemDerivados
CC BY-NC-ND
Cursos / Informática para Internet / Desenvolvimento Web II / Aula
Nesta seção, veremos como utilizar o jQuery para produzir efeitos visuais, por exemplo, fazer um elemento aparecer ou desaparecer, ficar parcialmente transparente etc. Veja na tabela a seguir o resumo dos principais métodos do jQuery usado para criar esses efeitos.
| Método | Descrição |
| $(seletor).hide() | Torna os elementos selecionados não visíveis. |
| $(seletor).show() | Torna os elementos selecionados visíveis. |
| $(seletor).toggle() | Alterna a visibilidade dos elementos selecionados: se estiverem visíveis ficarão não visíveis e se estiveram não visíveis ficarão visíveis. |
| $(seletor).slideUp() | Diminui gradualmente a altura dos elementos selecionados até zero. |
| $(seletor).slideDown() | Aumenta gradualmente a altura dos elementos selecionados até a altura original. |
| $(seletor).slideToggle() | Análogo ao 'toggle'; no entanto, alternando entre os efeitos gerados pelos métodos 'slideUp' e 'slideDown'. |
| $(seletor).fadeOut() | Aumenta gradualmente a transparência dos elementos selecionados até eles desaparecerem. |
| $(seletor).fadeIn() | Aumenta gradualmente a opacidade dos elementos selecionados até eles voltarem ao nível de opacidade original. |
| $(seletor).fadeTo() | Define o grau de transparência dos elementos informados. |
| $(seletor).animate() | Define uma sequência de animações a ser executada nos elementos selecionados. |
O código abaixo exemplifica o método ‘slideToggle’:
Versão 5.3 - Todos os Direitos reservados