JavaScript er et velrenommert allsidig språk som for det meste brukes til å legge til interaktive funksjoner til nettsteder. Den kommer med et bibliotek kalt jQuery som utfører disse oppgavene effektivt. jQuery-metodene er i utgangspunktet handlingene som utfører en spesifikk oppgave uten mye involvering av koden. En slik metode er ' endring() '-metoden som utløser 'endre'-hendelsen for umiddelbart å legge merke til at verdien til inndatafeltet er endret. Det brukes for det meste i HTML-skjemafeltene samt avmerkingsboksene, alternativknappene og valgboksene.
Denne artikkelen utdyper den fungerende og praktiske implementeringen av jQuery 'change()'-metoden.
Hvordan fungerer jQuery 'change()'-metoden?
jQuery ' endring() '-metoden avfyrer ' endring ” hendelsesbehandler. «Change»-hendelsen er en spesiell type JavaScript-hendelse som oppstår når verdien til det spesifiserte (« », «
Syntaks
$ ( velger ) .endring ( funksjon )
I syntaksen ovenfor:
-
- velger: Den tillater manipulering av HTML-elementet.
- funksjon: Det er en valgfri parameter som spesifiserer funksjonen som skal utføres med 'change()'-metoden.
Eksempel 1: Bruk av “change()”-metoden for å få inndatafeltet endret verdi
I dette eksemplet er ' endring() ”-metoden brukes for å returnere en bestemt HTML-« »-element endret verdi.
HTML-kode
Først en oversikt over følgende HTML-kode:
< h2 > jQuery endring ( ) Metode h2 >< s > Endre verdien på inndatafeltet: s >
Inndatafelt: < input type = 'tekst' verdi = 'Linux' ved endring = 'alert(this.value)' >
< s > Klikk på den angitte knappen for å avfyre 'ombytte' begivenhet: s >
< knapp > Klikk her knapp >
I denne kodeblokken:
-
- Definer en underoverskrift til nivå 2 ved å bruke ' ' stikkord.
- Deretter spesifiser avsnittet ved hjelp av ' ' stikkord.
- Deretter legger du til et inndatafelt via ' ' tag kalt ' Inndatafelt ', med typen som ' tekst ', og verdien som ' Linux ', henholdsvis.
- Det forbinder også en ' onchange() ”-hendelse som dukker opp en varselboks når den angitte inngangsverdien endres.
- « ”-taggen oppretter et annet avsnitt med den angitte setningen.
- Til slutt, legg til en knapp ved å bruke '
' stikkord.
jQuery-kode
Tenk nå på følgende jQuery-kode:
< hode >< manus src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js' > manus >
< manus >
$ ( dokument ) .klar ( funksjon ( ) {
$ ( 'knapp' ) .klikk ( funksjon ( ) {
$ ( 'inngang' ) .endring ( ) ;
} ) ;
} ) ;
manus >
hode >
I kodelinjene ovenfor:
-
- Spesifiser '