ASP.NET MVC - Tratamento de eventos no DOM com jQuery

Manuseio Javascript Em sua forma mais pura dentro de uma aplicação web sempre foi um ponto de polêmica, há quem defenda esse estilo dizendo que há ganhos de desempenho e há quem prefira utilizar um framework que permita resumir a quantidade de instruções .
Qualquer que seja a posição, tudo o que nos faz escrever um código mais curto e com menos erros é algo importante, é claro que o desempenho é uma questão muito importante para se ter em mente, mas para o tratamento de eventos não há nada como jQueryEste framework nos permite manipular a árvore DOM de uma forma muito simples e já possui algumas camadas para controlar como podemos ativar os eventos.
Preparando um Evento com jQuery
Já sabemos disso com o evento onclick () podemos rastrear quando um usuário clica no elemento associado a este evento, mesmo que o código em Javascript Pure não é muito complexo, quando tivermos que fazer mais e mais coisas avançadas acabaremos escrevendo uma grande quantidade de código, então resumir isso usando jQuery pode ser muito útil.
Vamos ver no exemplo a seguir como fazer uma chamada onclick () usando jQuery neste caso:

Aqui, a primeira coisa que chama a nossa atenção é a primeira linha, nela incluímos o jQuery, mas em vez de hospedá-lo em nosso aplicativo, vamos chamá-lo do CDN do GoogleEsta é uma boa prática, pois nos permite ter um recurso sempre disponível e evitamos cair de nossa parte.
Então definimos um elemento com um id único para o documento, até agora não há nada de especial, agora vem o novo, vemos que temos um $ (function () {}) este é um elemento de jQuery o que indica que este código deve ser ativado assim que nosso documento terminar de carregar, com isso garantimos que tudo o que está dentro pode ser visto por nossa aplicação.
Finalmente, dizemos ao nosso framework que quando o elemento com o id indicado é clicado, ative um método, neste caso, nós o alcançamos com $ ("# btn-event"). click (activateEvent); A explicação pode parecer um pouco longa, porém com essa forma de trabalhar podemos evitar muitos erros de código e resumir o número de linhas incluídas.
Vamos ver como fica em nosso navegador ao executar o código explicado:

PROLONGAR

ImportanteEste trabalho de jQuery O que ele faz é empacotar todo o código que precisamos para definir um evento, para que possamos fazer as chamadas de uma forma mais simples, é claro que este é um reinterpretação de Javascript como tal, podemos ter um desempenho um pouco menor, mas no momento é algo que não deve nos preocupar muito, já que os terminais atuais têm potencial suficiente para lidar com isso e muito mais.
Com isso finalizamos este tutorial, visto que temos mais opções que nos ajudam a lidar com eventos do lado do cliente, o que pode ser uma ajuda quando estamos fazendo aplicações complexas em ASP.NET MVC.Gostou e ajudou este tutorial?Você pode recompensar o autor pressionando este botão para dar a ele um ponto positivo