Índice
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
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
