Üye Kayıt Üye Giriş

jQuery ile DOM Nesneleri Değiştirme


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.

 

1
$('p').html("<a href='#'>Tıkla</a>");

 

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

 

1
<p> Bu bir Paragraftır</p>

 

.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.

 

1
$('p').text("<a href='#'>Tıkla</a>");

 

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.

 

1
2
3
var deger=$('input').val();
 
alert(deger);

 

İ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’);

 

1
<input type="text" value="Ad Soyad" />

 

Bu 3 metodu ilerde çok kullanacağız

Bilgisayar Dershanesi Ders Sahibi;
Bilgisayar Dershanesi

Yorumlar

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

ETİKETLER