JQuery Show Method | Forklart
Å legge til animasjoner og forskjellige effekter spiller en viktig rolle i å øke brukeropplevelsen til et nettsted. Disse kan utføres med absolutt letthet ved bruk av forskjellige metoder levert av jQuery, som er et JavaScript -bibliotek. Det er en enorm liste over slike jQuery -metoder, men i denne guiden vil vi lære alt om JQuery Show () -metode.
La oss komme i gang.
JQuery Show () -metode
Som navnet antyder, brukes jQuery Show () -metoden med det formål å vise de skjulte elementene. Denne egenskapen viser bare de elementene som er skjult ved hjelp av enten jQuery Hide () -metoden, eller CSS -visningsegenskapen.
Syntaks
$ velger.vis (parameter)Show () -metoden viser følgende parametere.
| Parameter | Beskrivelse |
|---|---|
| hastighet | Denne parameteren beskriver hastigheten på showeffektene. Det gjengir verdier som sakte, raske og millisekunder. |
| lette | Denne parameteren beskriver hastigheten til et element på forskjellige animasjonspunkter. Det gjengir verdier som sving og lineær. |
| Ring tilbake | Det er en funksjon som utfører når showet () metoden heter. |
Merk: Alle ovennevnte parametere er valgfrie.
Eksemplene nedenfor vil hjelpe deg med å etablere en bedre forståelse av Show () -metoden.
Eksempel 1
I dette eksemplet har vi demonstrert Show () -metoden ved å passere ingen parameter.
Siden Show () -metoden bare avslører de elementene som er skjult ved hjelp av JQuery Hide () -metoden, må vi derfor først skjule et element for å vise det ved hjelp av Show () -metoden.
Html
JQuery Show () -metode
I ovennevnte HTML -kode to elementer og en
Element blir opprettet. Nå vil vi bruke jQuery Hide () og show () metoder på elementene for å observere Hide and Show -effekten på element.
jQuery
Produksjon
Før du klikker på noen av knappene.
Klikk på den første knappen for å få overskriften til å forsvinne, og etter at den er skjult, klikker du på den andre knappen for å avsløre overskriften.
Overskriften forsvant og dukket opp vellykket og raskt.
Eksempel 2
Dette eksemplet viser arbeidet med hastighetsparameter.
jQuery
I eksemplet ovenfor har vi passert 900 som en parameter til Hide () og Show () -metodene, noe som betyr at når du klikker på den første knappen, vil det bare ta 900 millisekunder for overskriften å forsvinne og bare 900 millisekunder å vises igjen når du Klikk på den andre knappen . Jo mindre antall millisekunder jo raskere vil overskriften vises, og omvendt.
Produksjon
Hastighetsparameteren ble utført med hell.
Eksempel 3
Dette eksemplet viser hvordan tilbakeringingsparameteren fungerer.
jQuery
I kodebiten, sammen med hastighetsparameteren, har vi også passert tilbakeringingsparameteren. Når Hide () og Show () -metodene er kalt, vil en varslingsmelding også vises som bekrefter vellykket utførelse av begge metodene.
Produksjon
Før du klikker på noen av knappene.
Etter at du har klikket på den første knappen for å skjule overskriften.
Etter at du har klikket på den andre knappen for å vise overskriften.
Tilbakeringingsparameteren fungerer som den skal.
Konklusjon
JQuery Show () -metoden brukes til å vise de skjulte elementene. Det viser bare de elementene som er skjult ved hjelp av enten jQuery Hide () -metoden, eller CSS -visningsegenskapen. JQuery Show () -metoden viser tre parametere som er; hastighet, lettelse og tilbakeringing. Alle disse parametrene er valgfrie. JQuery Show () -metoden er diskutert i dybden i denne guiden sammen med eksempler som illustrerer bruken av de forskjellige show () -metodeparametrene.