ASP.NET MVC - obsługa zdarzeń w DOM za pomocą jQuery

Obsługiwanie JavaScript W swojej najczystszej postaci w aplikacji internetowej zawsze był przedmiotem kontrowersji, są tacy, którzy bronią tego stylu, mówiąc, że są wzrosty wydajności i są tacy, którzy wolą używać frameworka, który pozwala im podsumować ilość instrukcji .
Niezależnie od pozycji, ważne jest wszystko, co sprawia, że ​​piszemy krótszy kod i mniej błędów, oczywiście wydajność to bardzo ważna kwestia, o której należy pamiętać, ale do obsługi zdarzeń nie ma nic lepszego jQueryTen framework pozwala nam manipulować drzewem DOM w bardzo prosty sposób i ma już kilka warstw do kontrolowania, w jaki sposób możemy aktywować zdarzenia.
Przygotowanie zdarzenia za pomocą jQuery
Już to wiemy dzięki wydarzeniu na kliknięcie () możemy śledzić, kiedy użytkownik kliknie element powiązany z tym zdarzeniem, mimo że kod w JavaScript Pure nie jest zbyt skomplikowany, kiedy musimy robić coraz bardziej zaawansowane rzeczy, skończymy na napisaniu dużej ilości kodu, więc podsumowanie tego za pomocą jQuery może być bardzo pomocne.
Zobaczmy w poniższym przykładzie, jak wykonać wywołanie onclick() za pomocą jQuery w tym przypadku:

Tutaj pierwszą rzeczą, która przykuwa naszą uwagę, jest pierwsza linia, w której zawarliśmy jQuery, ale zamiast hostować ją w naszej aplikacji, wywołamy ją z CDN z GoogleJest to dobra praktyka, ponieważ pozwala nam mieć zawsze dostępne zasoby i unikamy upadku z naszej strony.
Następnie definiujemy element z unikalnym id dla dokumentu, póki co nie ma nic specjalnego, teraz nadchodzi nowa rzecz, widzimy, że mamy $ (funkcja () {}) to jest element jQuery co wskazuje, że ten kod musi zostać aktywowany po zakończeniu ładowania naszego dokumentu, dzięki temu upewniamy się, że wszystko, co jest w środku, jest widoczne dla naszej aplikacji.
Na koniec mówimy naszemu frameworkowi, że po kliknięciu elementu o wskazanym id, aktywuj metodę, w tym przypadku osiągamy to za pomocą $ („# btn-event”). kliknij (włączZdarzenie); Wyjaśnienie może wydawać się nieco długie, jednak przy takim sposobie pracy możemy zaoszczędzić wiele błędów w kodzie i podsumować liczbę zawartych linii.
Zobaczmy jak to wygląda w naszej przeglądarce podczas wykonywania wyjaśnionego kodu:

POWIĘKSZAĆ

WażnyTa praca jQuery To, co robi, to pakowanie całego kodu potrzebnego do zdefiniowania zdarzenia, abyśmy mogli wykonywać połączenia w prostszy sposób, oczywiście, ponieważ jest to reinterpretacja Javascript w związku z tym możemy mieć nieco mniejszą wydajność, ale obecnie jest to coś, co nie powinno nas zbytnio martwić, ponieważ obecne terminale mają wystarczający potencjał, aby poradzić sobie z tym i nie tylko.
Na tym kończymy ten samouczek, widząc, że mamy więcej opcji, które pomagają nam obsługiwać zdarzenia po stronie klienta, co może być pomocne, gdy tworzymy złożone aplikacje w ASP.NET MVC.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt