jquery attr – aycan.net | aycan bülbül

jQuery .attr() = attribute’larla işlem yapmamızı sağlıyor. // attiribute’nin TR’ye geçmiş tam karşılığı nedir bilmiyorum ama şöyle açıklayacak olursak

<input name="adınız" value="aycan" />

1	<input name="adınız" value="aycan" />

Burada name ve value bir attribute’dur. jQuery .attr() ile bu attribute’ler üzerinde değişiklik yapıyoruz.

$('.button1').click(function(){
    $('input').attr('value','.attr() ile içerik değiştirdik');
});

$('.button1').click(function(){

$('input').attr('value','.attr() ile içerik değiştirdik');

});

Yukarıda .attr() ile seçtiğimiz value attribute’sine yeni değer atadık.

Çoklu attribute eklemek

$('.button2').click(function(){
    $('input').attr({
      value :'çoklu attr ekliyoruz',
      disabled : 'disabled'
    });
});

$('.button2').click(function(){

$('input').attr({

value :'çoklu attr ekliyoruz',

disabled : 'disabled'

});

Burada ise obje şeklinde çoklu attribute ekledik / güncelledik.

.attr() ile değer almak

Değer atayabildiğimiz gibi var olan attribute değerlerinede .attr() yardımı ile okuyabiliyoruz.

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

$('.button3').click(function(){

alert($('input').attr('value') )

});

Ön izleme

See the Pen jQuery .attr() nedir? nasıl kullanılır? by Aycan BÜLBÜL (@AycanB) on CodePen.

Yedek olsun diye kodları burada da tutalım 🙂

<input type="text" value="deneme"/>
<button class="button1">attr ekle</button>
<button class="button2">çoklu attr ekle</button>
<button class="button3">attr ile değer almak</button>

<button class="button2">çoklu attr ekle</button>

<button class="button3">attr ile değer almak</button>

$('.button1').click(function(){
    $('input').attr('value','.attr() ile içerik değiştirdik');
});

$('.button2').click(function(){
    $('input').attr({
      value :'çoklu attr ekliyoruz',
      readonly : 'readonly'
    });
});

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