ASP.NET MVC - Обработка на събития в DOM с jQuery

Манипулиране Javascript В най -чистия си вид в рамките на уеб приложение, това винаги е било точка на противоречие, има такива, които защитават този стил, казвайки, че има подобрения в производителността, а има и такива, които предпочитат да използват рамка, която им позволява да обобщят количеството инструкции .
Каквато и да е позицията, всичко, което ни кара да пишем по -кратък код и с по -малко грешки, е нещо важно, разбира се производителността е много важен въпрос, който трябва да имате предвид, но за обработката на събития няма нищо подобно jQueryТази рамка ни позволява да манипулираме DOM дървото по много прост начин и вече има някои слоеве за контрол как можем да активираме събитията.
Подготовка на събитие с jQuery
Това вече го знаем със събитието onclick () можем да проследим, когато потребител кликне върху елемента, свързан с това събитие, въпреки че кодът в Javascript Pure не е много сложно, когато трябва да правим все по -напреднали неща, в крайна сметка ще напишем голямо количество код, така че обобщаването на това с помощта на jQuery може да бъде много полезно.
Нека да видим в следния пример как да направите повикване onclick () с помощта на jQuery в този случай:

Тук първото нещо, което привлича вниманието ни, е първият ред, в него сме включили jQuery, но вместо да го хостваме в нашето приложение, ще го наречем от CDN на GoogleТова е добра практика, тъй като ни позволява да имаме винаги на разположение ресурс и избягваме да паднем от наша страна.
След това определяме елемент с уникален идентификатор за документа, засега няма нищо специално, сега идва новото, виждаме, че имаме $ (функция () {}) това е елемент на jQuery което показва, че този код трябва да бъде активиран, след като нашият документ приключи зареждането, с това се уверяваме, че всичко, което е вътре, може да се види от нашето приложение.
Накрая казваме на нашата рамка, че когато се щракне върху елемента с посочения идентификатор, активирайте метод, в този случай го постигаме $ ("# btn-event"). щракнете (активиране на събитие); Обяснението може да изглежда малко дълго, но с този начин на работа можем да запазим много грешки в кода и да обобщим броя на включените редове.
Нека да видим как изглежда в нашия браузър при изпълнение на обяснения код:

Увеличете

ВажноТази работа на jQuery Това, което прави, е да опакова целия код, от който се нуждаем, за да дефинираме събитие, така че да можем да осъществяваме повикванията по по -опростен начин, разбира се, тъй като това е преинтерпретация на Javascript като такива може да имаме малко по -ниска производителност, но в момента това е нещо, което не бива да ни притеснява много, тъй като сегашните терминали имат достатъчно потенциал да се справят с това и много повече.
С това завършваме този урок, виждайки, че имаме повече опции, които ни помагат да обработваме събития от страна на клиента, което може да ни помогне, когато правим сложни приложения в ASP.NET MVC.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка