JavaScript je dobro poznat svestrani jezik koji se uglavnom koristi za dodavanje interaktivnih funkcija na web stranice. Dolazi s bibliotekom pod nazivom jQuery koja učinkovito obavlja te zadatke. Metode jQuery u osnovi su akcije koje izvode određeni zadatak bez puno uključivanja koda. Jedna takva metoda je ' promijeniti() ” koja pokreće događaj „promjene” kako bi odmah uočila da je vrijednost polja za unos promijenjena. Uglavnom se koristi u poljima HTML obrazaca, kao iu potvrdnim okvirima, radio gumbima i okvirima za odabir.
Ovaj tekst razrađuje radnu i praktičnu implementaciju jQuery metode “change()”.
Kako radi jQuery “change()” metoda?
jQuery ' promijeniti() ' metoda pokreće ' promijeniti ” rukovatelj događajima. Događaj “change” je posebna vrsta JavaScript događaja koji se događa kada se promijeni vrijednost navedenog (“ ”, “
Sintaksa
$ ( selektor ) .promijeniti ( funkcija )
U gornjoj sintaksi:
-
- selektor: Omogućuje manipulaciju HTML elementom.
- funkcija: To je izborni parametar koji specificira funkciju koju treba izvršiti metodom 'change()'.
Primjer 1: Primjena metode “change()” za dobivanje promijenjene vrijednosti polja za unos
U ovom primjeru, ' promijeniti() ” primjenjuje se za vraćanje promijenjene vrijednosti određenog HTML elementa “ ”.
HTML kôd
Prvo, pregled sljedećeg HTML koda:
< h2 > jQuery promjena ( ) metoda h2 >< str > Promijenite vrijednost polja za unos: str >
Polje za unos: < ulazni tip = 'tekst' vrijednost = 'Linux' onchange = 'upozorenje(ova.vrijednost)' >
< str > Kliknite na dani gumb za pokretanje 'na promjeni' događaj: str >
< dugme > Kliknite ovdje dugme >
U ovom bloku koda:
-
- Definirajte podnaslov razine 2 koristeći ' ” oznaka.
- Zatim navedite odlomak uz pomoć ' ” oznaka.
- Nakon toga dodajte polje za unos putem '
” oznaka pod nazivom “ Polje za unos ', tipa ' tekst ', a vrijednost kao ' Linux ”, odnosno. - Također povezuje ' onchange() ” događaj koji iskače okvir s upozorenjem kada se navedena vrijednost unosa promijeni.
- ' ” stvara još jedan odlomak s navedenom izjavom.
- Na kraju dodajte gumb pomoću '
” oznaka.
jQuery kod
Sada razmotrite sljedeći jQuery kod:
< glava >< skripta src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js' > skripta >
< skripta >
$ ( dokument ) .spreman ( funkcija ( ) {
$ ( 'dugme' ) .klik ( funkcija ( ) {
$ ( 'ulazni' ) .promijeniti ( ) ;
} ) ;
} ) ;
skripta >
glava >
U gornjim linijama koda:
-
- Navedite '
” u odjeljku “head” koji uključuje CDN put jQueryja sa službene web stranice “ ”. - Zatim, jQuery kod prvo odgovara ' dokument ' za odabir ciljanog DOM elementa i pridruživanje ' spreman() ” metoda koja poziva navedenu funkciju() čim se dokument učita.
- Nakon toga, ' dugme ' selektor je dodan i povezan je s ' klik() ” metoda koja će omogućiti izvršavanje funkcije nakon klika na gumb.
- U definiciji funkcije primijenite ' promijeniti() ' metoda na ' ulazni ” element koji pokreće događaj “onchange” kada se njegova vrijednost promijeni.
- Navedite '
Izlaz
Izlaz prikazuje okvir upozorenja s promijenjenom vrijednošću polja za unos nakon pokrenutog događaja 'onchange'.
Primjer 2: Primjena metode “change()” za promjenu boje pozadine polja za unos
Ovaj primjer objašnjava rad ' promijeniti() ” za promjenu boje pozadine polja za unos nakon promjene vrijednosti.
HTML kôd
Slijedite navedeni HTML kod:
< h2 > jQuery promjena ( ) metoda h2 >< str > Promijenite vrijednost polja za unos: str >
Polje za unos: < ulazni tip = 'tekst' vrijednost = 'Linux' > str >
Ovdje element “ ” navodi samo svoj tip i vrijednost.
jQuery kod
Sada prijeđite na jQuery kod:
< glava >< skripta src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js' > skripta >
< skripta >
$ ( dokument ) .spreman ( funkcija ( ) {
$ ( 'ulazni' ) .promijeniti ( funkcija ( ) {
$ ( ovaj ) .css ( 'boja pozadine' , 'žuta boja' ) ;
} ) ;
} ) ;
skripta >
glava >
U gornjim linijama koda, ' promijeniti () ' metoda prilaže ' funkcija() ' koji primjenjuje 'CSS' stilsko svojstvo ' boja pozadine ” na odabranom HTML elementu tj. „unos” na promijenjenu vrijednost unosa.
Izlaz
Izlaz potvrđuje da se boja pozadine zadanog polja za unos mijenja kada se promijeni njegova vrijednost.
Zaključak
jQuery nudi ' promijeniti() ” koja pokreće događaj “change” kada korisnik promijeni vrijednost polja za unos. Također se može povezati s dodatnim događajem radi podrške njegovim funkcionalnostima. Radi samo na HTML elementima “ ”, “