JavaScript on hyvämaineinen monipuolinen kieli, jota käytetään enimmäkseen interaktiivisten toimintojen lisäämiseen verkkosivustoille. Sen mukana tulee jQuery-niminen kirjasto, joka suorittaa nämä tehtävät tehokkaasti. jQuery-menetelmät ovat pohjimmiltaan toimintoja, jotka suorittavat tietyn tehtävän ilman koodin suurta osallistumista. Yksi tällainen menetelmä on ' muuttaa() ' -menetelmä, joka käynnistää 'muutos' -tapahtuman havaitakseen välittömästi, että syöttökentän arvo on muuttunut. Sitä käytetään enimmäkseen HTML-lomakekentissä sekä valintaruuduissa, valintapainikkeissa ja valintaruuduissa.
Tämä kirjoitus käsittelee jQueryn 'change()' -menetelmän toimintaa ja käytännön toteutusta.
Kuinka jQuery 'change()' -menetelmä toimii?
jQuery' muuttaa() 'menetelmä laukaisee' muuttaa ' tapahtumakäsittelijä. 'Change'-tapahtuma on erityinen JavaScript-tapahtuma, joka tapahtuu, kun määritetyn ('
Syntaksi
$ ( valitsin ) .muuttaa ( toiminto )
Yllä olevassa syntaksissa:
-
- valitsin: Se mahdollistaa HTML-elementin manipuloinnin.
- toiminto: Se on valinnainen parametri, joka määrittää funktion, joka suoritetaan 'change()'-menetelmällä.
Esimerkki 1: 'change()'-menetelmän käyttäminen syöttökentän muutoksen saamiseksi
Tässä esimerkissä ' muuttaa() ' -menetelmää käytetään palauttamaan tietyn HTML:n ' ' -elementin muutettu arvo.
HTML-koodi
Ensin yleiskatsaus seuraavaan HTML-koodiin:
< h2 > jQueryn muutos ( ) Menetelmä h2 >< s > Muuta syöttökentän arvoa: s >
Syöttökenttä: < syöttö tyyppi = 'teksti' arvo = 'Linux' vaihdossa = 'hälytys(this.value)' >
< s > Napsauta annettua painiketta ampuaksesi 'muutos' tapahtuma: s >
< -painiketta > Klikkaa tästä -painiketta >
Tässä koodilohkossa:
-
- Määritä tason 2 alaotsikko käyttämällä ' ' -tunniste.
- Määritä seuraavaksi kappale ' ' -tunniste.
- Lisää sen jälkeen syöttökenttä '
'tunniste nimeltä' Syöttökenttä ”, jonka tyyppi on ' teksti ja arvo muodossa ' Linux ”, vastaavasti. - Se yhdistää myös ' onchange() ”-tapahtuma, joka avaa hälytysruudun, kun määritetty syöttöarvo muuttuu.
- ' ” -tunniste luo toisen kappaleen ilmoitetulla lauseella.
- Lisää lopuksi painike '
' -tunniste.
jQuery-koodi
Harkitse nyt seuraavaa jQuery-koodia:
< pää >< käsikirjoitus src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js' > käsikirjoitus >
< käsikirjoitus >
$ ( asiakirja ) .valmis ( toiminto ( ) {
$ ( 'painike' ) .klikkaus ( toiminto ( ) {
$ ( 'syöttö' ) .muuttaa ( ) ;
} ) ;
} ) ;
käsikirjoitus >
pää >
Yllä olevilla koodiriveillä:
-
- Määritä '