ASP.NET MVC - Behandeln von Ereignissen im DOM mit jQuery

Handhabung Javascript In seiner reinsten Form innerhalb einer Webanwendung war es immer ein Streitpunkt, es gibt diejenigen, die diesen Stil verteidigen und sagen, dass es Leistungsgewinne gibt, und es gibt diejenigen, die es vorziehen, ein Framework zu verwenden, das es ihnen ermöglicht, die Menge an Anweisungen zusammenzufassen .
Was auch immer die Position ist, alles, was uns dazu bringt, kürzeren Code und weniger Fehler zu schreiben, ist wichtig, natürlich ist die Leistung ein sehr wichtiges Thema, das man im Auge behalten sollte, aber für die Ereignisbehandlung gibt es nichts Vergleichbares jQueryDieses Framework ermöglicht es uns, den DOM-Baum auf sehr einfache Weise zu manipulieren, und es verfügt bereits über einige Ebenen, um zu steuern, wie wir die Ereignisse aktivieren können.
Vorbereiten eines Events mit jQuery
Das wissen wir schon mit der Veranstaltung onclick () Wir können verfolgen, wenn ein Benutzer auf das mit diesem Ereignis verknüpfte Element klickt, obwohl der Code in Javascript Pure ist nicht sehr komplex, wenn wir immer komplexere Dinge tun müssen, werden wir am Ende eine große Menge Code schreiben, daher kann es sehr hilfreich sein, dies mit jQuery zusammenzufassen.
Sehen wir uns im folgenden Beispiel an, wie Sie in diesem Fall einen onclick()-Aufruf mit jQuery durchführen:

Hier ist das erste, was unsere Aufmerksamkeit auf sich zieht, die erste Zeile, in die wir jQuery aufgenommen haben, aber anstatt es in unserer Anwendung zu hosten, werden wir es aus dem aufrufen CDN von GoogleDies ist eine bewährte Vorgehensweise, da wir so immer eine Ressource zur Verfügung haben und wir vermeiden, auf unsere Seite zu fallen.
Dann definieren wir ein Element mit einer eindeutigen ID für das Dokument, bisher gibt es nichts besonderes, jetzt kommt das neue, wir sehen, dass wir a $ (Funktion () {}) das ist ein element von jQuery Dies bedeutet, dass dieser Code aktiviert werden muss, sobald unser Dokument geladen ist. Damit stellen wir sicher, dass alles, was sich darin befindet, von unserer Anwendung gesehen werden kann.
Schließlich teilen wir unserem Framework mit, dass beim Klicken auf das Element mit der angegebenen ID eine Methode aktiviert wird, in diesem Fall erreichen wir dies mit $ ("# btn-event"). click (activateEvent); Die Erklärung mag etwas lang erscheinen, aber mit dieser Arbeitsweise können wir viele Fehler im Code einsparen und die Anzahl der enthaltenen Zeilen zusammenfassen.
Sehen wir uns an, wie es in unserem Browser aussieht, wenn wir den erklärten Code ausführen:

VERGRÖSSERN

WichtigDiese Arbeit von jQuery Was es tut, ist den gesamten Code zu packen, den wir brauchen, um ein Ereignis zu definieren, damit wir die Anrufe einfacher machen können, natürlich, da dies a Neuinterpretation von Javascript Als solche haben wir vielleicht etwas weniger Leistung, aber derzeit sollte uns das nicht viel Sorgen machen, da aktuelle Terminals genug Potenzial haben, um dies und mehr zu bewältigen.
Damit beenden wir dieses Tutorial, da wir sehen, dass wir mehr Optionen haben, die uns helfen, Ereignisse auf der Client-Seite zu behandeln, was eine Hilfe sein kann, wenn wir komplexe Anwendungen in . erstellen ASP.NET-MVC.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben