ASP.NET MVC - Seçiciler

İstemci tarafında üzerinde çalışacağımız yapı, DOM ağacı belgenin HTML, bu ağaç, web'de gördüğümüz her öğenin ilgili etiketiyle temsil edildiği hiyerarşik bir yapıdır.
Bu yapıyı bilmenin önemi, farklı öğeleri bulmamıza izin vermesidir, bununla içerdikleri değeri alabilir veya metin, diğer sayfalardan içerik alabilir, uygulamamızın bir denetleyicisini işleyebilir ve bir içinde bir görünüm oluşturabiliriz. sayfayı yeniden şarj etmek zorunda kalmadan, vb.
Bir Eleman Referansı
Daha önce de belirttiğimiz gibi, HTML Öğelerini içerdiği bir yapıya sahiptir, bu öğeleri manipüle etmek için onlara referanslar oluşturmayı öğrenmeliyiz, bir referansla istenen öğeyi veya öğeleri alacağımızdan ve değiştirebileceğimizden emin olabiliriz.
En etkili yolEn popüler ve etkili yollardan biri, kimlik seçici, bildiğimiz gibi etiketlerin, bir öğenin öğelerini ayırt edebilmek için benzersiz tanımlayıcıları olabilir. HTML.
Aşağıdaki resimde sayesinde alabileceğimiz bir kod görelim Javascript id özelliğini kullanan bir öğe:

Gördüğümüz kodda bir etiketimiz var. HTML div, bunun bir kimliği var, bu özellik, bahsettiğimiz, öğeyi bulmamıza ve seçmemize yardımcı olacak olan özelliktir. GÜNEŞ, bir blok içinde Javascript nesne sayesinde belge, Kimliğe göre bir öğe elde etmek için yöntemlerinden birini kullanabiliriz ve bu durumda div'in aynısını ve son olarak yöntemle yerleştiririz. iç metin, ona yeni bir metin atarız.
Gördüğümüz gibi sayfa zenginleştirildi, oldukça basit bir örnek olmasına rağmen sağlam bir temel oluşturmak için bilmemiz gereken en temel şey bu.
jQuery ile iyileştirme
Bildiğimiz gibi Javascript bazen birkaç şey yapmak için çok fazla kod yazmak zorunda kalabilirsiniz, bu noktada enter jQuery söz konusu işlevlerin ve kodların paketlenmesi, aynı işlevleri kısayollarla ve daha az kodla çözmemizi sağlar, hala Javascript ama daha basit bir şekilde yazılmış.
Aşağıdaki örnekte, önceki örneği kullanarak nasıl yeniden yazdığımızı göreceğiz. jQuery:

Gördüğümüz gibi, basitçe kullanarak yöntem çağrılarının sayısını özetledik. .text() yöntemi uygulanan bir seçici $ (), elementimizi nasıl adlandırdığımıza bağlı olarak jQuery kimliğe, sınıflara, öğelerin türüne, çocuklarına vb. erişmemize izin verir.
Örneğin, aynı önceki örneği yapmak istiyorsak, ancak bu durumda etiketbir kimliğe sahip olmak yerine bir sınıfı vardır:

Selam Dünya!

Burada seçiciyi çağırmak yerine şunu görüyoruz. $ ("# Seçici"), $ (". seçici") ile yapıyoruz, bununla ilgili sorun şu ki, aynı sınıfa sahip birden fazla öğemiz varsa onu etkileriz.
Bununla, seçiciler kavramına ve bunların her ikisinin de nasıl kullanılacağına biraz daha değindiğimiz bu öğreticiyi bitiriyoruz. Javascript olduğu gibi normal jQuery böylece yazdığımız kod miktarını azaltıyoruz.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.