ASP.NET MVC - Gestione degli eventi nel DOM con jQuery

Gestione Javascript Nella sua forma più pura all'interno di un'applicazione web è sempre stato un punto controverso, c'è chi difende questo stile dicendo che ci sono guadagni in termini di prestazioni e c'è chi preferisce utilizzare un framework che gli permetta di riassumere la quantità di istruzioni .
Qualunque sia la posizione, tutto ciò che ci fa scrivere codice più breve e con meno errori è qualcosa di importante, ovviamente le prestazioni sono una questione molto importante da tenere a mente, ma per la gestione degli eventi non c'è niente come jQueryQuesto framework ci permette di manipolare l'albero DOM in un modo molto semplice e ha già alcuni livelli per controllare come possiamo attivare gli eventi.
Preparazione di un evento con jQuery
Lo sappiamo già con l'evento al clic () possiamo monitorare quando un utente fa clic sull'elemento associato a questo evento, anche se il codice in Javascript Pure non è molto complesso, quando dovremo fare cose sempre più avanzate finiremo per scrivere una grande quantità di codice, quindi riassumerlo usando jQuery può essere molto utile.
Vediamo nell'esempio seguente come effettuare una chiamata onclick() utilizzando jQuery in questo caso:

Qui la prima cosa che attira la nostra attenzione è la prima riga, in essa abbiamo incluso jQuery ma invece di ospitarlo nella nostra applicazione lo chiameremo dal CDN di GoogleQuesta è una buona pratica poiché ci permette di avere una risorsa sempre disponibile ed evitiamo di cadere da parte nostra.
Quindi definiamo un elemento con un id univoco per il documento, finora non c'è niente di speciale, ora arriva la novità, vediamo che abbiamo un $ (funzione () {}) questo è un elemento di jQuery che indica che questo codice deve essere attivato una volta terminato il caricamento del nostro documento, con questo ci assicuriamo che tutto ciò che è all'interno possa essere visto dalla nostra applicazione.
Infine diciamo al nostro framework che quando si fa clic sull'elemento con l'id indicato, si attiva un metodo in questo caso lo si ottiene con $ ("# btn-event"). click (activateEvent); La spiegazione può sembrare un po' lunga, tuttavia con questo modo di lavorare possiamo salvare molti errori nel codice e riassumere il numero di righe incluse.
Vediamo come appare nel nostro browser durante l'esecuzione del codice spiegato:

INGRANDIRE

ImportanteQuesto lavoro di jQuery Quello che fa è impacchettare tutto il codice di cui abbiamo bisogno per definire un evento, in modo che possiamo effettuare le chiamate in un modo più semplice, ovviamente poiché questo è un reinterpretazione di Javascript in quanto tale potremmo avere un po' meno di prestazioni, ma al momento è qualcosa che non dovrebbe preoccuparci molto, dal momento che i terminali attuali hanno abbastanza potenziale per gestire questo e altro.
Con questo finiamo questo tutorial, visto che abbiamo più opzioni che ci aiutano a gestire gli eventi sul lato client, il che può essere di aiuto quando realizziamo applicazioni complesse in ASP.NET MVC.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo