Was auch immer die Haltung sein mag, alles, was dazu führt, dass wir Code kürzer und mit weniger Fehlern schreiben, ist wichtig. Klare Leistung ist ein sehr wichtiges Thema, das im Hinterkopf behalten werden muss, aber für die Behandlung von Ereignissen gibt es nichts Besseres als jQuery . Dieses 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 Ereignisses mit jQuery
Wir wissen bereits, dass wir mit dem Ereignis onclick () nachverfolgen können, wenn ein Benutzer auf das mit diesem Ereignis verknüpfte Element klickt, obwohl der reine Javascript- Code nicht sehr komplex ist, wenn wir immer weiter fortgeschrittene Dinge tun müssen, werden wir am Ende ein großartiges schreiben Code-Menge, daher kann das Zusammenfassen mit jQuery sehr hilfreich sein.
Das folgende Beispiel zeigt, wie Sie mit jQuery einen Aufruf von onclick () durchführen:
<script src = "// ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </ script> <input id = "btn-event" value = "T & oacute; came"> <script type = "text / javascript"> Funktion activateEvent () { alert ("Hallo, ich bin ein Ereignis in JQquery in ASP.NET MVC"); } $ (function () { $ ("# btn-event"). click (activateEvent); }); </ script>
Das erste, was uns auffällt, ist die erste Zeile: Wir haben jQuery in unsere Anwendung aufgenommen, aber anstatt sie in unserer Anwendung zu hosten, werden wir sie vom Google CDN aus aufrufen. Dies ist eine gute Vorgehensweise, da wir eine Ressource haben, die immer verfügbar und verfügbar ist Wir vermeiden es, unsererseits die Verantwortung zu übernehmen.
Dann definieren wir ein Element mit einer eindeutigen ID für das Dokument, bis es hier nichts Besonderes gibt. Jetzt kommt die neue, wir sehen, dass wir eine $ (function () {}) haben. Dies ist ein jQuery- Element, das angibt, dass es aktiviert werden muss Sobald unser Dokument vollständig geladen ist, stellen wir sicher, dass alle darin enthaltenen Informationen für unsere Anwendung sichtbar sind.
Zum Schluss teilen wir unserem Framework mit, dass Sie, wenn Sie auf das Element mit dem Bezeichner id klicken, eine Methode aktivieren. In diesem Fall erreichen wir dies mit $ (“# btn-event”). Click (activateEvent); Die Erklärung mag ein bisschen lang erscheinen, aber mit dieser Arbeitsweise können wir viele Fehler im Code speichern und die Anzahl der enthaltenen Zeilen zusammenfassen.
Lassen Sie uns sehen, wie es in unserem Browser aussieht, wenn wir den erklärten Code ausführen:
Damit beenden wir dieses Lernprogramm, da wir über weitere Optionen verfügen, mit denen wir Ereignisse auf der Clientseite verwalten können. Dies kann hilfreich sein, wenn wir komplexe Anwendungen in ASP.NET MVC ausführen.