Hva gjør på metoden i jQuery?

For å lage en brukervennlig webside bruker utviklere forskjellige metoder for å bruke flere funksjonaliteter. “på()”Metoden er en av dem. Denne metoden er nyttig for å utløse en viss funksjonalitet, spesielt når det gjelder å fylle ut skjemaer eller et spørreskjema.

Denne bloggen vil beskrive bruken av jQuerys “ON ()” -metode i detalj.

Hvordan bruke ON () -metoden i jQuery?

Følg den undergitte syntaks for å bruke ON () -metoden i jQuery ():

$ (velger).ON (Hendelse, ChildSelector, Data, Function, Map)

I den ovennevnte syntaks:

• “begivenhet”Representerer enkelt- eller flere hendelser knyttet til elementene.
• “ChildSelector”Er en valgfri parameter som indikerer at hendelsesbehandleren bare skal knyttes til barnet.
• “data”Er en valgfri parameter som refererer til tilleggsdataene som er overført til funksjonen.
• “funksjon”Er en nødvendig parameter som representerer funksjonen som vil bli utført når den ekstra hendelsen blir utløst.
• “kart”Representerer hendelseskartet.

La oss diskutere bruken av jQuerys “på()”Metode ved hjelp av eksempler.

Eksempel 1: ON () -metode med knapp
La oss implementere metoden med knappen:

Varsling

I kodeblokken ovenfor:

• Inkluderer en "”Element som spesifiserer handlingen når brukeren klikker på den.
• Inkluder også jQuery -biblioteket for å bruke metoden sin via "src" Egenskap.
• “$”Er en velger som velger den inkluderte“”Tag fra HTML -koden.
• I neste trinn, bruk "på()”Metode slik at ved den utløste“Klikk”Hendelsen, den uttalte funksjonen trer i kraft, og den ekstra meldingen vises via et varsel.

Produksjon

Eksempel 2: ON () -metode med bilde
Dette eksemplet handler om å forstå “på()”Metode ved hjelp av et bilde:

Klikk på bildet

I denne kodebiten:

• For det første, inkluder en overskrift.
• Inkluder også et bilde i "”Tag ved å spesifisere banen via“src" Egenskap.
• “alt”IMG -attributt viser den oppgitte meldingen hvis bildet ikke er lastet.
• “stil”Attributt vil justere utformingen av det inkluderte bildet.
• På samme måte spesifiser jQuery -biblioteket for å bruke funksjonalitetene.
• Etter det får du tilgang til det spesifiserte bildet med taggen "img”Direkte.
• Husk den diskuterte prosedyren for å anvende “på()”Metode slik at hendelsen utløses og den oppgitte meldingen vises via et varsel.

Produksjon

I outputten vises varselet ved hjelp av "på()”Metode.

Konklusjon

jQuery's “på()”Metode brukes til å knytte hendelsesbehandlere til element (er). Det kan brukes for å legge ved en hendelse på knappen eller et bilde. Denne metoden knytter en hendelse med det hentet elementet og utfører den vedlagte funksjonen. Denne bloggen illustrerte implementeringen av “på()”Metode i jQuery.