ASP.NET MVC - Gebeurtenissen in de DOM afhandelen met jQuery

Inhoudsopgave
Behandeling Javascript In zijn puurste vorm binnen een webtoepassing is het altijd een punt van controverse geweest, er zijn mensen die deze stijl verdedigen en zeggen dat er winst is in prestaties en er zijn mensen die liever een raamwerk gebruiken waarmee ze de hoeveelheid instructies kunnen samenvatten .
Wat de positie ook is, alles waardoor we kortere code schrijven en met minder fouten is iets belangrijks, natuurlijk zijn prestaties een zeer belangrijk punt om in gedachten te houden, maar voor het afhandelen van gebeurtenissen gaat er niets boven jQueryDit raamwerk stelt ons in staat om de DOM-boom op een zeer eenvoudige manier te manipuleren en het heeft al enkele lagen om te bepalen hoe we de gebeurtenissen kunnen activeren.
Een evenement voorbereiden met jQuery
Dat weten we al met het evenement bij klikken () we kunnen bijhouden wanneer een gebruiker op het element klikt dat aan deze gebeurtenis is gekoppeld, ook al is de code in Javascript Pure is niet erg complex, als we steeds geavanceerdere dingen moeten doen, zullen we uiteindelijk een grote hoeveelheid code schrijven, dus het kan erg handig zijn om dit samen te vatten met behulp van jQuery.
Laten we in het volgende voorbeeld kijken hoe u in dit geval een onclick ()-aanroep kunt doen met jQuery:
 

Hier is het eerste dat onze aandacht trekt de eerste regel, daarin hebben we jQuery opgenomen, maar in plaats van het in onze applicatie te hosten, gaan we het noemen vanuit de CDN van GoogleDit is een goede gewoonte omdat het ons in staat stelt om altijd een hulpmiddel beschikbaar te hebben en we voorkomen dat we vallen van onze kant.
Dan definiëren we een element met een unieke id voor het document, tot nu toe is er niets bijzonders, nu komt het nieuwe, we zien dat we een $ (functie () {}) dit is een element van jQuery wat aangeeft dat deze code moet worden geactiveerd zodra ons document klaar is met laden, hiermee zorgen we ervoor dat alles wat erin zit, kan worden gezien door onze applicatie.
Ten slotte vertellen we ons raamwerk dat wanneer op het element met de aangegeven id wordt geklikt, een methode wordt geactiveerd, in dit geval bereiken we het met $ ("# btn-event") klik op (activateEvent); De uitleg lijkt misschien wat lang, maar met deze manier van werken kunnen we veel fouten in de code besparen en het aantal opgenomen regels samenvatten.
Laten we eens kijken hoe het eruit ziet in onze browser bij het uitvoeren van de uitgelegde code:

VERGROTEN

BelangrijkDit werk van jQuery Wat het doet, is alle code inpakken die we nodig hebben om een ​​gebeurtenis te definiëren, zodat we de oproepen op een eenvoudigere manier kunnen doen, natuurlijk omdat dit een herinterpretatie van Javascript als zodanig hebben we misschien iets minder prestaties, maar op dit moment is het iets dat ons niet veel zorgen hoeft te maken, aangezien de huidige terminals voldoende potentieel hebben om dit en meer aan te kunnen.
Hiermee voltooien we deze tutorial, aangezien we meer opties hebben die ons helpen om gebeurtenissen aan de clientzijde af te handelen, wat een hulp kan zijn wanneer we complexe applicaties maken in ASP.NET MVC.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven

U zal helpen de ontwikkeling van de site, het delen van de pagina met je vrienden

wave wave wave wave wave