Esconder, Show, Alternar, Slide, Fade, e animar. UAU!
Clique para exibir / ocultar painel
Porque o tempo é valioso, nós entregamos o aprendizado rápido e fácil.
No w3ii, você pode estudar tudo que você precisa para aprender, em um formato acessível e prático.
Exemplos
jQuery hide()
Demonstra um simples jQuery hide() método.
jQuery hide()
Outra hide() demonstração. Como ocultar partes do texto.
jQuery hide() e show()
Com jQuery, você pode ocultar e mostrar elementos HTML com o hide() e show() métodos:
Exemplo
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
}); Tente você mesmo " Sintaxe:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
O parâmetro de velocidade opcional especifica a velocidade do esconderijo / exibição, e pode ter os seguintes valores: "slow", "fast" , ou milissegundos.
O parâmetro callback opcional é uma função a ser executada após o hide() ou show() método é concluída (você vai aprender mais sobre as funções de retorno de chamada em um capítulo posterior).
O exemplo que se segue demonstra o parâmetro de velocidade com hide() :
jQuery toggle()
Com jQuery, você pode alternar entre o hide() e show() métodos com a toggle() método.
elementos mostrados são ocultas e elementos ocultos são mostrados:
Sintaxe:
$(selector).toggle(speed,callback);
O parâmetro de velocidade opcional pode ter os seguintes valores: "slow", "fast" , ou milissegundos.
O parâmetro callback opcional é uma função a ser executada depois toggle() é concluída.
Teste-se com exercícios!
Exercício 1 » Exercício 2» Exercício 3 » Exercício 4»
jQuery Efeitos Referência
Para uma visão completa de todos os efeitos jQuery, por favor, vá ao nosso jQuery Efeito de referência .