Método da Oculta JQuery | Explicado
JQuery, que é uma biblioteca JavaScript, facilita as tarefas como animação, manuseio de eventos ou Ajax. Essas são algumas tarefas que geralmente levariam várias linhas de código a serem alcançadas, mas o jQuery fornece certos métodos que podem cumprir essas tarefas em apenas uma única linha de código. Embora existam inúmeras quantidades de métodos de jQuery, no entanto, neste guia, seguiremos o método jQuery hide () e ver como ele funciona.
Método jQuery hide ()
Como o nome sugere, o método jQuery hide () é usado com o objetivo de ocultar elementos especificados. Os elementos que você esconde usando o Método jQuery hide () será completamente invisível para o usuário.
Sintaxe
$ seletor.ocultar (parâmetro)Os diferentes parâmetros que você pode passar para o método hide () são os seguintes.
| Parâmetro | Descrição |
|---|---|
| velocidade | Este parâmetro descreve a velocidade dos efeitos da ocultação. Pode exibir valores como lento, rápido e milissegundos. |
| facilitando | Este parâmetro descreve a velocidade de um elemento em diferentes pontos de animação. Pode exibir valores como swing e linear. |
| ligar de volta | É uma função que é executada quando o método hide () termina. |
Observação: Todos os parâmetros acima mencionados são opcionais.
Abaixo, ilustramos alguns exemplos que ajudarão a estabelecer uma melhor compreensão do método hide ().
Exemplo 1
Este exemplo demonstra o método hide () passando sem parâmetro.
Html
Clique no botão abaixo para ocultar este título.
No código HTML acima, dois elementos estão sendo criados
e . Agora aplicaremos o método jQuery hide () no para ocultar o elemento.
jQuery
Saída
Antes de clicar no botão "ocultar".
Depois de clicar no botão, o cabeçalho desaparecerá.
A direção desapareceu 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 a função hide (), o que significa. Quanto menor o número de milissegundos, mais rápido o cabeçalho desaparecerá e vice -versa.
Saída
O parâmetro de velocidade está funcionando corretamente.
Exemplo 3
Este exemplo mostra o funcionamento do parâmetro de retorno de chamada.
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 o método hide () for executado, uma mensagem de alerta também aparecerá confirmando a execução bem -sucedida do método.
Saída
Antes de clicar no botão.
Depois de clicar no botão.
O parâmetro de retorno de chamada está funcionando corretamente.
Conclusão
O método jQuery hide () é usado com o objetivo de ocultar elementos especificados. Quando os elementos estiverem ocultos, eles desaparecerão completamente da visão do usuário. Você pode passar três parâmetros para a função hide () que são; velocidade, diminuição e retorno de chamada. Todos esses parâmetros são opcionais. O método jQuery hide () é explicado em profundidade neste guia, juntamente com exemplos que ilustram o uso dos diferentes parâmetros do método hide ().