ASP.NET MVC - Gestion des événements dans le DOM avec jQuery

Manutention Javascript Dans sa forme la plus pure au sein d'une application web cela a toujours été un point de controverse, il y a ceux qui défendent ce style en disant qu'il y a des gains de performances et il y a ceux qui préfèrent utiliser un framework qui leur permet de résumer la quantité d'instructions .
Quelle que soit la position, tout ce qui nous fait écrire du code plus court et avec moins d'erreurs est quelque chose d'important, bien sûr la performance est un problème très important à garder à l'esprit, mais pour la gestion des événements il n'y a rien de tel jQueryCe framework nous permet de manipuler l'arbre DOM d'une manière très simple et il a déjà quelques couches pour contrôler comment nous pouvons activer les événements.
Préparer un événement avec jQuery
Nous savons déjà qu'avec l'événement sur clic () nous pouvons suivre quand un utilisateur clique sur l'élément associé à cet événement, même si le code dans Javascript Pure n'est pas très complexe, lorsque nous devons faire des choses de plus en plus avancées, nous finirons par écrire une grande quantité de code, donc résumer cela à l'aide de jQuery peut être très utile.
Voyons dans l'exemple suivant comment faire un appel onclick() en utilisant jQuery dans ce cas :

Ici, la première chose qui attire notre attention est la première ligne, dans laquelle nous avons inclus jQuery mais au lieu de l'héberger dans notre application, nous allons l'appeler à partir du CDN de GoogleC'est une bonne pratique puisqu'elle nous permet d'avoir une ressource toujours disponible et nous évitons de tomber de notre part.
Ensuite, nous définissons un élément avec un identifiant unique pour le document, jusqu'à présent il n'y a rien de spécial, maintenant la nouvelle chose arrive, nous voyons que nous avons un $ (fonction () {}) c'est un élément de jQuery ce qui indique que ce code doit être activé une fois le chargement de notre document terminé, nous nous assurons ainsi que tout ce qui se trouve à l'intérieur peut être vu par notre application.
Enfin, nous disons à notre framework que lorsque l'élément avec l'identifiant indiqué est cliqué, activez une méthode dans ce cas nous l'atteignons avec $ ("# btn-event").click (activateEvent); L'explication peut paraître un peu longue, cependant avec cette façon de travailler on peut éviter de nombreuses erreurs de code et résumer le nombre de lignes incluses.
Voyons à quoi cela ressemble dans notre navigateur lors de l'exécution du code expliqué :

AGRANDIR

ImportantCe travail de jQuery Ce qu'il fait, c'est compresser tout le code dont nous avons besoin pour définir un événement, afin que nous puissions effectuer les appels de manière plus simple, bien sûr, car il s'agit d'un réinterprétation de Javascript en tant que tel, nous avons peut-être un peu moins de performances, mais à l'heure actuelle, c'est quelque chose qui ne devrait pas nous inquiéter beaucoup, car les terminaux actuels ont suffisamment de potentiel pour gérer cela et plus encore.
Avec cela, nous terminons ce tutoriel, voyant que nous avons plus d'options qui nous aident à gérer les événements côté client, ce qui peut être une aide lorsque nous créons des applications complexes dans ASP.NET MVC.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif