jQuery ile DOM Nesneleri Değiştirme

 

Arkadaşlar jQuery ile istediğimiz nesnenin html içeriğini düzenleyebilir yada value değerini alabiliriz. Şimdi bu metodları görelim.

DOM(document object model) dediğimiz kavram <div><li><span><p> gibi nesnelerdir.

 

.html()

.text()

.val()

 

.html()-> Seçtiğimiz nesnenin html içeriğine erişmemizi ve bu içeriği değiştirmemize yarar.

 

Burda p nesnemizin içine bir html içerik ekledik. Yani artık p içinde Tıkla isminde bir a nesnesi olacak.

 

.text()-> Seçtiğimiz nesnenin text içeriğine erişmemizi ve bu içeriği değiştirmemize yarar.

Aynı örnek üzerinden gidecek olursak.

 

Burda text ile içerik eklediğimiz için p nesnesi içinde aynen <a href=’#'>Tıkla</a> şeklinde görünecek. Yani tarayıcımız bunun bir html kodu değil de text içerik olduğunu sanacak.

 

.val() -> Seçilen nesnenin içinde value değeri varsa bu değeri almamıza ve değiştirmemize yarar.

 

<a><span><div> gibi nesneleri value değeri almaz. Bundan dolayı bu nesneler üzerinde val() metodunu uygulayamayız.

 

İnput nesnesinin value değerini alıp ekrana bastırdık. Eğer value değerini değiştirmek istiyorsak şöyle yapabiliriz.

 

$(‘input’).val(‘yeni value değeri’);

 

Bu 3 metodu ilerde çok kullanacağız

Yorum Yapabilmek İçin Üye Girişi Yapmanız Gerekmektedir.

jquery ile dom nesneleri değiştirme