ASP.NET MVC - DOM'deki Olayları jQuery ile işleme

Taşıma Javascript Bir web uygulamasındaki en saf haliyle, her zaman bir tartışma konusu olmuştur, performansta kazanımlar olduğunu söyleyen bu stili savunanlar ve talimatların miktarını özetlemelerine izin veren bir çerçeve kullanmayı tercih edenler var. .
Konum ne olursa olsun, daha kısa ve daha az hatayla kod yazmamızı sağlayan her şey önemli bir şeydir, elbette performans akılda tutulması gereken çok önemli bir konudur, ancak olay işleme için böyle bir şey yoktur. jQueryBu çerçeve, DOM ağacını çok basit bir şekilde manipüle etmemizi sağlar ve olayları nasıl etkinleştirebileceğimizi kontrol etmek için zaten bazı katmanlara sahiptir.
jQuery ile Etkinlik Hazırlamak
Bunu zaten etkinlikle biliyoruz tıklamada () içindeki kod olsa bile, bir kullanıcının bu olayla ilişkili öğeye ne zaman tıkladığını takip edebiliriz. Javascript Pure çok karmaşık değildir, gitgide daha gelişmiş şeyler yapmamız gerektiğinde büyük miktarda kod yazacağız, bu yüzden bunu jQuery kullanarak özetlemek çok yardımcı olabilir.
Aşağıdaki örnekte bu durumda jQuery kullanarak onclick () çağrısının nasıl yapıldığını görelim:

Burada dikkatimizi çeken ilk şey ilk satır, içine jQuery'yi dahil ettik ama onu uygulamamızda barındırmak yerine onu şuradan çağıracağız. CDN nın-nin GoogleBu iyi bir uygulamadır çünkü her zaman kullanılabilir bir kaynağa sahip olmamızı sağlar ve üzerimize düşeni yapmaktan kaçınırız.
Sonra belge için benzersiz bir kimliğe sahip bir öğe tanımlarız, şimdiye kadar özel bir şey yok, şimdi yeni bir şey geliyor, görüyoruz ki bir $ (işlev () {}) bu bir element jQuery Bu, belgemizin yüklenmesi bittiğinde bu kodun etkinleştirilmesi gerektiğini gösterir, bununla birlikte, uygulamamız tarafından içerideki her şeyin görülebilmesini sağlıyoruz.
Son olarak çerçevemize, belirtilen kimliğe sahip öğeye tıklandığında, bu durumda bir yöntemi etkinleştirdiğimizi söylüyoruz. $ ("# btn-event") tıklayın (activateEvent); Açıklama biraz uzun görünebilir, ancak bu çalışma şekli ile koddaki birçok hatayı kaydedebilir ve içerdiği satır sayısını özetleyebiliriz.
Açıklanan kodu çalıştırırken tarayıcımızda nasıl göründüğüne bakalım:

BÜYÜT

ÖnemliBu çalışma jQuery Yaptığı şey, aramaları daha basit bir şekilde yapabilmemiz için bir olayı tanımlamamız için gereken tüm kodu paketlemektir. Javascript'in yeniden yorumlanması bu nedenle biraz daha az performansımız olabilir, ancak şu anda bu bizi fazla endişelendirmemesi gereken bir şey, çünkü mevcut terminaller bunu ve daha fazlasını ele almak için yeterli potansiyele sahip.
Bununla, istemci tarafında olayları ele almamıza yardımcı olan daha fazla seçeneğimiz olduğunu görerek bu öğreticiyi bitiriyoruz; bu, karmaşık uygulamalar yaparken yardımcı olabilir. ASP.NET MVC.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.