jQuery .attr() Metodu ve Kullanımı

jQuery ile .attr() metodunu açıklayacak olursak öncelikle tam bir Türkçe karşılığı olmadığını söyleyerek başlayabiliriz. Ancak ilk olarak bir input içerisindeki name , value değerlerinin bir attribute olduğunu söyleyebiliriz.

<input name="isim" value="harun" />

Şimdi yukarıdaki değerlere .attr() metodu ile erişip bu değerleri kontrol edebileceğiz.

$('.button1').click(function(){
    $('input').attr('value','yeni değer');
});

Burada .attr() ile seçtiğimiz value attribute’sine yeni değer olarak “yeni değer” verdik.

Çoklu attribute Ekleme

Çoklu eklemede ise farklı bir yolu yok aslında.Sadece birden fazla parametre gideceği için bunları belirtiyoruz ve iki nokta üst üste koyup tek  tırnak içinde yeni değerlerini veriyoruz. Şöyle ki ;

$('.button2').click(function(){
    $('input').attr({
      value :'yeni değer eklendi',
      disabled : 'disabled'
    });
});

Burada ise obje biçiminde çoklu attribute ekleyip/güncelledik.

.attr() ile değer almak

Bu metod ile bir değer ataması yapabiliyorsak bu değeri de alabiliriz. jQuery’de bir nesnenin içindeki değeri böylece alıyoruz ve alert ile ekrana yazdırıyoruz. Şöyle ki  ;

$('.button3').click(function(){
    alert($('input').attr('value') )
});

Yukarıdaki kod button3 butonuna tıklandığında input içindeki değeri alert ile yazdırmaya yarar. Bu kullanım ile birçok şeyi yapabilirsiniz. Şuana kadar yapılan bütün sohbet bölümlerinde chat sitelerinde kullanıldığını söylemekte fayda var.Bu örnekler ile evet pek bir şey yapılamaz ancak bir proje geliştirilmeye başlandığında işinize yarayacak. İyi çalışmalar.