jQuery click() -menetelmä vs onClick-tapahtuma
jQuery on JavaScript-kirjasto, joka tunnetaan kevyistä, nopeista ja monialustaisista ominaisuuksistaan. Se on avoimen lähdekoodin kirjasto, jonka mottona on Kirjoita vähemmän, tee enemmän. JQueryn päätavoite on tehdä Java-skriptistä niin helppoa, että voidaan luoda houkuttelevampia ja interaktiivisempia verkkosivustoja. jQueryssä on useita tapahtumia, kuten jQuery onClick(), jQuery click() jne. jQuery.click() on sisäänrakennettu jQuery-menetelmä, joka voi käynnistää napsautustapahtuman, ja jQuery.onClick on sisäänrakennettu jQuery-tapahtuma, joka jakaa yhtäläisyyksiä jQuery.click()-menetelmän kanssa. Tässä artikkelissa näemme sekä click()-funktion että onClick()-tapahtumaattribuutin jQueryssa sekä niiden välisen eron ja niiden toteutuksen tuntemisen esimerkkien avulla.
click() -menetelmä : Tämä on sisäänrakennettu jQuery-menetelmä, joka voi käynnistää napsautustapahtuman. Jos tiettyä elementtiä napsautetaan verkkosivulla, se laukaisee click()-menetelmän, joka käynnistää napsautustapahtuman. Lisäksi, jos jokin funktio on liitetty click()-menetelmään, sekin käynnistyy. Voimme suorittaa erilaisia elementteihin liittyviä tehtäviä click()-menetelmällä.
Syntaksi: jQuery click() -menetelmällä voi olla kaksi muotoa,
$('selector').click() $('selector').click(function(){}) Parametri: jQuey click() -menetelmä hyväksyy vain yhden valinnaisen parametrifunktion, joka määrittää funktion, joka käynnistyy, kun klikkaustapahtuma tapahtuu.
Esimerkki 1: Tämä esimerkki havainnollistaa click()-funktion peruskäyttöä jQueryssa.
HTML
> <> html> >>> <> script> src> => ' https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js '> >>> |
Lähtö: Yllä oleva esimerkki näyttää jQuey click() -menetelmän toiminnan. Kun techcodeview.com-lohkoa napsautetaan, toiminto käynnistyy ja antaa hälytyksen.
jQuery.click() -menetelmää
onClick Tapahtuman attribuutti : OnClick on sisäänrakennettu jQuery-tapahtuma, jolla on yhtäläisyyksiä jQuery.click()-menetelmän kanssa. Kun tiettyä valittua elementtiä napsautetaan, onClick-tapahtuma käynnistyy ja suoritetaan. Jos jokin funktio välitetään attribuuttina onClick-tapahtumalle, myös se suoritetaan. Jos haluat käyttää onClick-tapahtumaa HTML-elementissä, välitä vain onClick-attribuutti kyseiselle elementille. Attribuutti on Javascript-funktio, joka käynnistyy, kun tapahtuma käynnistetään.
Syntaksi:
Attribuutin arvo: Onclick-attribuutti hyväksyy yhden arvon komentosarjasta (kuten funktioista), joka käynnistyy, kun elementtiä napsautetaan.
Huomautus: Melkein jokainen HTML-tunniste tukee klikkaamalla attribuutti paitsi joitain kuten , ,
, , jne.
Esimerkki 2: Tämä esimerkki havainnollistaa onClick-tapahtumaattribuutin peruskäyttöä jQueryssa.
HTML
> <> html> >>> <> script> src> => ' https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js '> >>> |