Hva er jQuery Toggle funksjon?

JQuery kodebibliotek lar utviklere å implementere interaktive nettstedet effekter uten å måtte kode alle detaljene manuelt. Vippe effekten er en av de mest brukte jQuery funksjoner. Ved hjelp av vippefunksjonen, kan utviklere instruere brukerens nettleser for å skjule og vise bestemte sideelementer. Funksjonen kan operere på brukerhendelser som klikke på knapper, som gir brukerne en grad av kontroll over hva de kan se.

Hensikt

Den generelle hensikten med jQuery veksle funksjon er å styre synligheten av Web sideelementer. Ofte, hvis en webside inneholder mye materiale, for eksempel tekst og andre medier, kan brukere synes det er overveldende og ikke ta deg tid til å lese gjennom alt sammen. Ved å gi brukeren kontroll over hvilke elementer som vises og som er skjult, lar du dem til å fokusere på den informasjonen de er interessert i. Vekslefunksjon kan derfor finne en balanse mellom inkludert alt innhold er nødvendig og minimere hvor mye av det ser ut når som helst en gang.

syntax

JQuery veksle funksjonen bruker standard syntaks. Følgende eksempelkode demonstrerer kalle funksjonen:

$ ( "# Detaljer") veksle (.);

Denne koden instruerer nettleseren for å vise eller skjule et element med "detaljer" som sin ID-attributtet. Hvis elementet er skjult, vil denne funksjonen føre til at det skal vises. Hvis elementet er synlig, vil funksjonen skjule det. Funksjonen kan vises i en annen funksjon; for eksempel, en funksjon som utføres når brukeren klikker et element.

Selector

Den første delen av vippefunksjonen innebærer velgeren. Velgeren er en indikasjon på hvilket element, eller elementer, er vippefunksjonen utførende på. Velgeren vises som en elementtype, klasse attributt eller ID, som angir hvilke sideelementer nettleseren skal samsvare ved utføring funksjonen. Når utviklere lage vippefunksjoner innenfor sine sider, må de derfor omfatte et utvalg tag eller attributt i HTML markup, som i følgende eksempelkode:

<Div id = "detaljer"> Her er innholdet for å skjule eller vise. </ Div>

parametere

Utviklere kan passere en rekke valgfrie parametere til vippefunksjonen, bestemme detaljene om hvordan det utfører. Varigheten parameter er noen ganger referert til som den hastighetsparameter, som indikerer hvor lang tid overgangen mellom et element som blir skjult og synlig skal vare. Den lettelser parameter indikerer noen jQuery lettelser funksjoner utbygger ønsker å søke om å veksle prosessen. Den tilbakeringing parameter angir en valgfri funksjon som skal utføres når den animerte overgangen er fullført. Følgende eksempelkode demonstrerer alle disse parameterne:

$ ( "# Detaljer") veksle ( 'slow', 'swing', function () {doneToggling ();}).;

Denne funksjonen samtalen bruker en treg varighet, swing lettelser effekten og en bestemt funksjon ved ferdigstillelse av vippe.