JQuery Show Method | Explicado
Adicionar animações e efeitos diferentes desempenham um papel importante no aumento da experiência do usuário de um site. Estes podem ser realizados com facilidade absoluta usando vários métodos fornecidos pela JQuery, que é uma biblioteca JavaScript. Há uma lista enorme desses métodos jQuery, no entanto, neste guia, aprenderemos tudo sobre o Método JQuery Show ().
Vamos começar.
Método JQuery Show ()
Como o nome sugere, o método jQuery show () é usado com o objetivo de mostrar os elementos ocultos. Esta propriedade mostra apenas os elementos ocultos usando o método jQuery hide () ou a propriedade CSS Display.
Sintaxe
$ seletor.show (parâmetro)O método show () exibe os seguintes parâmetros.
| Parâmetro | Descrição |
|---|---|
| velocidade | Este parâmetro descreve a velocidade dos efeitos do show. Ele renderiza valores como lento, rápido e milissegundos. |
| facilitando | Este parâmetro descreve a velocidade de um elemento em diferentes pontos de animação. Renderiza valores como swing e linear. |
| ligar de volta | É uma função que executa quando o método show () é chamado. |
Observação: Todos os parâmetros acima mencionados são opcionais.
Os exemplos abaixo ajudarão você a estabelecer uma melhor compreensão do método show ().
Exemplo 1
Neste exemplo, demonstramos o método show () passando sem parâmetro.
Como o método show () revela apenas os elementos ocultos usando o método jQuery hide (), portanto, precisamos primeiro ocultar um elemento para mostrá -lo usando o método show ().
Html
Método JQuery Show ()
No código HTML acima, dois elementos e um
elemento está sendo criado. Agora, aplicaremos os métodos jQuery hide () e show () nos elementos para observar o esconder elemento.
jQuery
Saída
Antes de clicar em qualquer um dos botões.
Clique no primeiro botão para fazer o cabeçalho desaparecer e depois de oculto, clique no segundo botão para revelar o cabeçalho.
A direção desapareceu e apareceu com sucesso e rapidamente.
Exemplo 2
Este exemplo mostra o funcionamento do parâmetro de velocidade.
jQuery
No exemplo acima, passamos 900 como um parâmetro para os métodos Hide () e Show (), o que significa que, depois de clicar no primeiro botão, será necessário apenas 900 milissegundos para que o cabeçalho desapareça e apenas 900 milissegundos apareçam novamente quando você Clique no segundo botão . Quanto menor o número de milissegundos, mais rápido será o título e vice -versa.
Saída
O parâmetro de velocidade foi executado com sucesso.
Exemplo 3
Este exemplo mostra como o parâmetro de retorno de chamada funciona.
jQuery
No trecho de código acima, juntamente com o parâmetro de velocidade, também passamos o parâmetro de retorno de chamada. Depois que os métodos hide () e show () forem chamados, uma mensagem de alerta também aparecerá confirmando a execução bem -sucedida de ambos os métodos.
Saída
Antes de clicar em qualquer um dos botões.
Depois de clicar no primeiro botão para ocultar o título.
Depois de clicar no segundo botão para mostrar o título.
O parâmetro de retorno de chamada está funcionando corretamente.
Conclusão
O método jQuery show () é usado com o objetivo de mostrar os elementos ocultos. Ele mostra apenas os elementos que estão ocultos usando o método jQuery hide (), ou a propriedade CSS Display. O método jQuery Show () exibe três parâmetros que são; velocidade, diminuição e retorno de chamada. Todos esses parâmetros são opcionais. O método jQuery show () é discutido em profundidade neste guia, juntamente com exemplos que ilustram o uso dos parâmetros de método de show () diferentes ().