Обработка Javascript в его самой чистой форме в веб-приложении всегда была предметом спора, есть те, кто защищает этот стиль, говоря, что есть выигрыш в производительности, и есть те, кто предпочитает использовать структуру, которая позволяет им суммировать количество инструкций.
Независимо от позиции, все, что заставляет нас писать более короткий код и с меньшим количеством ошибок, является чем-то важным, конечно, производительность - это очень важный вопрос, который нужно иметь в виду, но для обработки событий нет ничего подобного jQuery, Эта структура позволяет нам очень просто управлять деревом DOM и уже имеет несколько уровней для управления тем, как мы можем активировать события.
Подготовка мероприятия с помощью jQuery
Мы уже знаем, что с помощью события onclick () мы можем отслеживать, когда пользователь нажимает на элемент, связанный с этим событием, хотя код на чистом Javascript не очень сложен, когда нам нужно делать все более и более сложные вещи, мы в конечном итоге напишем отличный количество кода, поэтому обобщение этого с помощью jQuery может быть очень полезным.
Давайте посмотрим в следующем примере, как сделать вызов onclick () с использованием jQuery в этом случае:
function activEvent () {alert («Здравствуйте, я - событие в JQquery в ASP.NET MVC»); } $ (function () {$ ("# btn-event"). click (активировать событие);}); Здесь первое, что привлекает наше внимание, это первая строка, в которую мы включили jQuery, но вместо того, чтобы размещать ее в нашем приложении, мы будем вызывать ее из Google CDN, это хорошая практика, поскольку она позволяет нам всегда иметь доступный ресурс и Мы не впадаем в бремя с нашей стороны.
Затем мы определяем элемент с уникальным идентификатором для документа, так что пока в этом нет ничего особенного, теперь приходит новое, мы видим, что у нас есть $ (function () {}), это элемент jQuery, который указывает, что это нужно активировать. код, как только наш документ заканчивает загрузку, с этим мы гарантируем, что все внутри может быть видно нашему приложению.
Наконец, мы сообщаем нашей платформе, что когда вы щелкаете по элементу с id id, активируете метод, в этом случае мы достигаем его с помощью $ ("# btn-event"). Click (активировать событие); Объяснение может показаться немного длинным, однако при таком способе работы мы можем сохранить много ошибок в коде и суммировать количество включенных строк.
Давайте посмотрим, как это выглядит в нашем браузере при выполнении кода:
важно
Эта задача jQuery выполняет упаковку всего кода, необходимого для определения события, так что мы можем сделать вызовы более простым способом, и, разумеется, поскольку это переосмысление Javascript, мы можем иметь чуть меньшую производительность, но сегодня это то, что не должно нас сильно беспокоить, так как нынешние терминалы имеют достаточно возможностей, чтобы справиться с этим и не только.
На этом мы завершаем этот урок, увидев, что у нас есть больше опций, которые помогают нам обрабатывать события на стороне клиента, что может помочь при создании сложных приложений в ASP.NET MVC.
СТАТЬИ