JavaScript er et velrenommeret alsidigt sprog, der for det meste bruges til at tilføje interaktive funktioner til websteder. Det leveres med et bibliotek ved navn jQuery, der udfører disse opgaver effektivt. jQuery-metoderne er dybest set de handlinger, der udfører en specifik opgave uden meget involvering af koden. En sådan metode er ' lave om() ” metode, der udløser hændelsen “ændre” for straks at bemærke, at inputfeltets værdi er ændret. Det bruges mest i HTML-formularfelterne samt afkrydsningsfelterne, alternativknapperne og valgfelterne.
Denne skrive-up uddyber den fungerende og praktiske implementering af jQuery 'change()' metoden.
Hvordan fungerer jQuery 'change()'-metoden?
jQuery ' lave om() '-metoden udløser ' lave om ” hændelseshandler. 'Change'-hændelsen er en speciel type JavaScript-hændelse, der opstår, når værdien af det angivne (' ', '
Syntaks
$ ( vælger ) .lave om ( fungere )
I ovenstående syntaks:
-
- vælger: Det tillader manipulation af HTML-elementet.
- fungere: Det er en valgfri parameter, der specificerer den funktion, der skal udføres med 'change()'-metoden.
Eksempel 1: Anvendelse af metoden 'change()' for at få inputfeltet ændret værdi
I dette eksempel er ' lave om() ” metoden anvendes til at returnere en bestemt HTML “ ” element ændret værdi.
HTML kode
Først en oversigt over følgende HTML-kode:
< h2 > jQuery ændring ( ) Metode h2 >< s > Skift værdien af inputfeltet: s >
Indtastningsfelt: < input type = 'tekst' værdi = 'Linux' ved ændring = 'alert(this.value)' >
< s > Klik på den givne knap for at affyre 'omskifte' begivenhed: s >
< knap > Klik her knap >
I denne kodeblok:
-
- Definer en underoverskrift på niveau 2 ved at bruge ' ” tag.
- Angiv derefter afsnittet ved hjælp af ' ” tag.
- Tilføj derefter et inputfelt via ' ' tag med navnet ' Indtastningsfelt ', med typen som ' tekst ', og værdien som ' Linux ', henholdsvis.
- Det forbinder også en ' onchange() ” hændelse, der popper op en advarselsboks, når den angivne inputværdi ændres.
- Det ' ” tag opretter endnu et afsnit med det angivne udsagn.
- Tilføj endelig en knap ved hjælp af '
” tag.
jQuery kode
Overvej nu følgende jQuery-kode:
< hoved >< manuskript src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js' > manuskript >
< manuskript >
$ ( dokument ) .parat ( fungere ( ) {
$ ( 'knap' ) .klik ( fungere ( ) {
$ ( 'input' ) .lave om ( ) ;
} ) ;
} ) ;
manuskript >
hoved >
I ovenstående kodelinjer:
-
- Angiv '