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.

AuthorHarun ALP

Bu adam , bilgi sahibi olduğu konularda makalelerini daha bilgilendirici hale getirip görseller ile süslüyor ve seo uyumlu makaleler ortaya çıkarıyor. Güncel webmaster konularını işlemekten keyif alıyor ve genelde her makale aslında bir sorunun çözümü niteliğinde.

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir