ASP.NET MVC - DOM'de Öğe Manipülasyonu

Öğelerle etkileşime girdiğimizde olayları manipüle edebilmenin yanı sıra, Javascript Bunların temel özelliklerini değiştirmemize izin verir, bu çok yararlıdır çünkü bir olayla bir öğenin rengini değiştirebilir veya belki yeni bir öğe ekleyebiliriz.
En ilginç şey, yardımı ile ASP.NET Bu tür davranışları dinamik olarak ve veritabanı içeriğiyle oluşturmak için denetleyicilerle etkileşime giren rutinler oluşturabiliriz.
DOM'yi değiştirinNS DOM'yi değiştir kullanacağız jQuery Bu Javascript çerçevesi çok fazla kod kaydetmemize izin verdiğinden ve onu çoğu tarayıcıyla uyumlu hale getiren bazı özelliklere zaten sahip olduğundan, ikincisi DOM'da yaptığımız her şeyin istemci tarafında olduğunu hatırlamamız gerektiğidir, bu nedenle, bizi sınırlayabilen veya sınırlayamayan çevresi …
CSS'yi değiştir
NS CSS öğelerimize stil kazandıracak olan şeydir. GÜNEŞ Bu nedenle çok önemli, diyelim ki bir doğrulamamız var ve bu doğrulama geçilmediğinde, hata durumunu manipüle ederken başarısızlığı belirtmek için kırmızı bir kutu göstermemizi istiyoruz. GÜNEŞ Bunu şu şekilde başarabiliriz, görseli örnekle görelim:

Burada vurguladığımız .css() yöntemi, Gördüğümüz gibi iki parametre geçiyoruz, ilk parametre özellik CSS eklemek veya etkinleştirmek istediğimiz değerdir ve ikinci parametre bu özelliğin alması gereken değerdir.
Yeni Öğe Ekle
Sadece mevcut elemanları değiştirmekle kalmaz, aynı zamanda yeni elemanlar da ekleyebiliriz, bununla metin ekleyebilir, yeni bloklar ekleyebiliriz, vb.
Hangi yöntemi kullanmalı?Bunun için kullanabiliriz .append() yöntemi, DOM'umuza eklemek istediğimiz HTML içeriğini bir parametre olarak yerleştireceğimiz yerde, aklımızda tutmamız gereken tek şey bir benzersiz bir kimliğe sahip öğe Seçici olarak kullanmak için aşağıdaki resimde bunu nasıl başarabileceğimizi görelim.

Öğeleri de kaldırabiliriz, bu çok önemlidir, çünkü uygulamada hareket ve eylem efektleri elde edilebilir, bununla kullanıcı eylemlerinin etkilerini gerçek zamanlı olarak görecek, bunun için kullanacağız .remove () yöntemi ve içeride DOM'umuzdan kaldırmak istediğimiz seçiciyi geçeceğiz:

BÜYÜT

Burada sadece selektör üzerindeki etiketi belirterek elemanı nasıl çok kolay bir şekilde elimine ettiğimizi örnekte görüyoruz.
Diğer Özellikler
Öğenin tüm özelliklerini manipüle edebiliriz, tek şey kendimizi belgelememiz gerektiğidir, çünkü hepsini ezbere bilmek zor, ancak internette jQuery kılavuzu geliştirmemizi yaparken resmi belgeleri kullanabileceğimiz.
Bu durumda önemli olan, ne yapmak istediğimizi bilmektir, kilit nokta o zaman araştırıp öğrenebiliriz, temel yönü bildiğimiz sürece iyi olacağız.
Bununla, bu öğreticiyi bitiriyoruz, gördüğümüz gibi, daha yüksek düzeyde etkileşim kurmanın oldukça kolay olduğunu görüyoruz. DOM ağacı, bu tesisin çoğu nedeniyle jQuery kim bu etkileşimi kolaylaştırır.Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.