ASP.NET MVC - renginių tvarkymas DOM su jQuery

Turinys
Tvarkymas Javascript Gryniausios formos žiniatinklio programoje ji visada buvo ginčytina vieta, yra tokių, kurie gina šį stilių sakydami, kad pagerėja našumas, ir yra tų, kurie nori naudoti sistemą, leidžiančią apibendrinti nurodymų kiekį .
Kad ir kokia būtų padėtis, viskas, kas verčia mus rašyti trumpesnį kodą ir mažiau klaidų, yra kažkas svarbaus, žinoma, našumas yra labai svarbus dalykas, kurį reikia nepamiršti, tačiau renginių tvarkymui nėra nieko panašaus „jQuery“Ši sistema leidžia mums labai paprastai manipuliuoti DOM medžiu ir jau turi tam tikrus sluoksnius, kad galėtume valdyti, kaip galime suaktyvinti įvykius.
Renginio rengimas naudojant „jQuery“
Su renginiu tai jau žinome paspaudus () galime stebėti, kada naudotojas spustelėja su šiuo įvykiu susietą elementą, nors įvestas kodas Javascript „Pure“ nėra labai sudėtinga, kai turėsime atlikti vis daugiau pažangių dalykų, galų gale parašysime daug kodo, todėl apibendrinimas naudojant „jQuery“ gali būti labai naudingas.
Šiame pavyzdyje pažiūrėkime, kaip šiuo atveju skambinti onclick () naudojant „jQuery“:
 

Čia pirmas mūsų dėmesį patraukiantis dalykas yra pirmoji eilutė, į kurią įtraukėme „jQuery“, tačiau užuot priglobę ją savo programoje, mes ją paskambinsime iš CDN apie „Google“Tai gera praktika, nes tai leidžia mums visada turėti turimų išteklių ir mes vengiame kritimo.
Tada mes apibrėžiame elementą su unikaliu dokumento ID, kol kas nieko ypatingo, dabar ateina naujas dalykas, matome, kad turime $ (function () {}) tai yra elementas „jQuery“ tai rodo, kad šis kodas turi būti suaktyvintas, kai mūsų dokumentas bus baigtas įkelti, tuo įsitikindami, kad mūsų programa gali matyti viską, kas yra viduje.
Galiausiai mes sakome savo sistemai, kad spustelėjus elementą su nurodytu ID, suaktyvinkite metodą, šiuo atveju mes jį pasiekiame $ ("# btn-event"). spustelėkite (suaktyvintiEvent); Paaiškinimas gali atrodyti šiek tiek ilgas, tačiau tokiu būdu mes galime sutaupyti daug kodo klaidų ir apibendrinti įtrauktų eilučių skaičių.
Pažiūrėkime, kaip tai atrodo mūsų naršyklėje vykdant paaiškintą kodą:

DIDELIS

SvarbuŠis darbas „jQuery“ Tai supakuoja visą kodą, kurio mums reikia norint apibrėžti įvykį, kad galėtume paprasčiau skambinti, žinoma, nes tai yra „Javascript“ interpretacija mes galime turėti šiek tiek mažesnį našumą, tačiau šiuo metu tai turėtų mums nerimauti, nes dabartiniai terminalai turi pakankamai galimybių tai padaryti ir dar daugiau.
Baigę šią pamoką, matome, kad turime daugiau galimybių, padedančių tvarkyti įvykius kliento pusėje, o tai gali būti naudinga, kai kuriame sudėtingas programas ASP.NET MVC.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką

Padėsite svetainės plėtrą, dalintis puslapį su draugais

wave wave wave wave wave