Cuprins
Manipularea Javascript În forma sa cea mai pură în cadrul unei aplicații web a fost întotdeauna un punct de controversă, există cei care apără acest stil spunând că există câștiguri în performanță și sunt cei care preferă să utilizeze un cadru care le permite să rezume cantitatea de instrucțiuni .Oricare ar fi poziția, tot ceea ce ne face să scriem un cod mai scurt și cu mai puține erori este ceva important, desigur performanța este o problemă foarte importantă de reținut, dar pentru gestionarea evenimentelor nu există nimic de genul jQueryAcest cadru ne permite să manipulăm arborele DOM într-un mod foarte simplu și are deja câteva straturi pentru a controla modul în care putem activa evenimentele.
Pregătirea unui eveniment cu jQuery
Știm deja asta cu evenimentul onclick () putem urmări când un utilizator face clic pe elementul asociat acestui eveniment, chiar dacă codul din Javascript Pure nu este foarte complex, atunci când trebuie să facem lucruri din ce în ce mai avansate vom ajunge să scriem o cantitate mare de cod, astfel încât să rezumăm acest lucru folosind jQuery poate fi foarte util.
Să vedem în exemplul următor cum să efectuați un apel onclick () folosind jQuery în acest caz:
Aici primul lucru care ne atrage atenția este primul rând, în acesta am inclus jQuery, dar în loc să-l găzduim în aplicația noastră, îl vom apela din CDN de GoogleAceasta este o practică bună, deoarece ne permite să avem o resursă disponibilă întotdeauna și evităm să cadem din partea noastră.
Apoi definim un element cu un id unic pentru document, până acum nu este nimic special, acum vine noul lucru, vedem că avem un $ (function () {}) acesta este un element al jQuery ceea ce indică faptul că acest cod trebuie activat odată ce documentul nostru se termină de încărcat, cu aceasta ne asigurăm că tot ce este în interior poate fi văzut de aplicația noastră.
În cele din urmă, spunem cadrului nostru că, atunci când elementul cu ID-ul indicat este făcut clic, activați o metodă în acest caz cu care o realizăm $ ("# btn-event"). faceți clic pe (activateEvent); Explicația poate părea puțin lungă, cu toate acestea, cu acest mod de lucru putem salva multe erori în cod și rezuma numărul de linii incluse.
Să vedem cum arată în browserul nostru când executăm codul explicat:
MARI
Cu aceasta încheiem acest tutorial, văzând că avem mai multe opțiuni care ne ajută să gestionăm evenimentele din partea clientului, ceea ce poate fi de ajutor atunci când realizăm aplicații complexe în ASP.NET MVC.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv
