Metod attr

Metod attr istifadeciye elementin istediyi atributunu almaq ve deyisdirmek imkani verir.

Elementlerin xasseleri ve atributlarini qarisdirmamaq cox vacibdir. DOM agaci yaradilan zaman atributlar uygun DOM xasselerine cevrilir. Onlarin adlari ve deyerleri her zaman ust-uste dusmur. Bezi xasselerin hemen uygun atributlari olmaya biler, onlar yalniz prop metodu istifade edilerken alina ve teyin edile biler, meselen tagName xassesi.

Sintaksis

Atributun deyerinin alinmasi:

$(selektor).attr(atributun adi);

Atributun deyerinin deyisdirilmesi:

$(selektor).attr(atributun adi, yeni deyer);

Bir nece atributun deyerlerinin deyisdirilmesi:

$(selektor).attr({birinci_atribut: yeni_deyer, ikinci_atribut: yeni_deyer, ...});

Funksiyanin her bir elemente tetbiq edilmesi:

$(selektor).attr(atributun adi, function(secilmisler arasinda nomre, atributun hazirki deyeri));

Numune

Asagidaki numunede biz inputu onun id sine gore secib, onun value atributunun deyerini ekrana yazdiracagiq:

<input type="text" value="!!!" id="test">

let value = $('#test').attr('value');
console.log(value);

Numune

Indi ise hemin atributa yeni 'www' deyerini yazaq:

<input type="text" value="!!!" id="test"> $('#test').attr('value', 'www');

HTML kodu asagidaki kimi olacaq:

<input type="text" value="www" id="test">

Numune

Gelin eyni zamanda hem type hem de value atributlarini deyisdirek:

<input type="text" value="!!!" id="test"> $('#test').attr({value: 'www', type: 'password'});

HTML kodu asagidaki kimi olacaq:

<input type="password" value="www" id="test">

Numune

Gelin her bir inputun value atributunu deyisdirek - hazirki value deyerine secilmisler arasindaki nomreni elave edek:

<input type="text" value="aaa">
<input type="text" value="bbb">
<input type="text" value="ccc">

$('input').attr('value', function(index, value) {
	return value + ' ' + index;
});

HTML kodu asagidaki kimi olacaq:

<input type="text" value="aaa 0">
<input type="text" value="bbb 1">
<input type="text" value="ccc 2">

Hemcinin bax

metod removeAttr,
elementlerin atributlarini silmeye imkan verir
metod prop,
elementlerin xasseleri ile islemeye imkan verir
metod val,
elementin hazirki deyerini almaq ve deyisdirmeye imkan verir