Video: JavaScript for Web Apps, by Tomas Reimers and Mike Rizzo 2024
Del av jQuery For Dummies Cheat Sheet
jQuery-effekter er veldig morsomme og kan forvandle en enkel, statisk nettside til En dynamisk, interaktiv opplevelse for nettstedet besøkende. En del av den visuelle interessen som jQuery tilbyr, er evnen til å vise, skjule, skyve og fade elementer. Eksemplene som følger alle, bruker denne prøvekoden:
Min testside $ (dokument). klar (funksjon () {// Din kode går her.
}); Dette er synlig. Dette er skjult.
Her er en rask gjennomgang av hvordan du bruker disse effektene til et element på en nettside.
Effekt | Kode |
---|---|
Skjul | $ (": send"). klikk (funksjon () {
$ ("div"). skjul (); }); |
Vis | $ (": send"). klikk (funksjon () {
$ ("# showme"). show (); }); |
Skyv ned | $ (": send"). klikk (funksjon () {
$ ("# showme"). slideDown (); }); |
Skyv opp | $ (": send"). klikk (funksjon () {
$ ("# hideme"). slideUp (); }); |
Fade in | $ (": submit"). klikk (funksjon () {
$ ("# showme"). fadeIn (); }); |
Fade ut | $ (": send"). klikk (funksjon () {
$ ("# hideme"). fadeOut (); }); |