attr մեթոդը

attr մեթոդը թույլ է տալիս ստանալ և փոփոխել տարրի ցանկացած ատրիբուտ:

Կարևոր է չխառնել տարրերի հատկությունները և ատրիբուտները: DOM ծառի ստեղծման ժամանակ ատրիբուտները վերածվում են դրանց համապատասխան DOM հատկությունների: Նրանց անվանումները միշտ չէ, որ համընկնում են, ինչպես նաև նրանց արժեքները: Որոշ հատկություններ կարող են նաև չունենալ դրանց համապատասխան ատրիբուտներ, դրանք կարող են ստացվել և սահմանվել միայն prop մեթոդի օգտագործման դեպքում, օրինակ tagName հատկությունը:

Շարահյուսություն

Ատրիբուտի արժեքի ստացում.

$(ընտրիչ).attr(ատրիբուտի անուն);

Ատրիբուտի արժեքի փոփոխում.

$(ընտրիչ).attr(ատրիբուտի անուն, նոր արժեք);

Մի քանի ատրիբուտների արժեքների փոփոխում.

$(ընտրիչ).attr({առաջին_ատրիբուտ: նոր_արժեք, երկրորդ_ատրիբուտ: նոր_արժեք, ...});

Ֆունկցիայի կիրառում հավաքածուի յուրաքանչյուր տարրի նկատմամբ.

$(ընտրիչ).attr(ատրիբուտի անուն, function(հերթական համար հավաքածուում, ատրիբուտի ընթացիկ արժեք));

Օրինակ

Հաջորդ օրինակում մենք կստանանք inputը իր id-ով և կարտածենք էկրանին իր value ատրիբուտի արժեքը.

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

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

Օրինակ

Իսկ այժմ նույն ատրիբուտում գրենք 'www' նոր արժեքը.

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

HTML կոդը կունենա հետևյալ տեսքը.

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

Օրինակ

Եկեք միաժամանակ փոխենք type և value ատրիբուտները.

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

HTML կոդը կունենա հետևյալ տեսքը.

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

Օրինակ

Եկեք յուրաքանչյուր inputի համար փոխենք value ատրիբուտը` ավելացնելով ընթացիկ value-ին տարրի հերթական համարը հավաքածուում.

<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 կոդը կունենա հետևյալ տեսքը.

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

Տես նաև

removeAttr մեթոդը,
որը թույլ է տալիս հեռացնել տարրերի ատրիբուտները
prop մեթոդը,
որը թույլ է տալիս աշխատել տարրերի հատկությունների հետ
val մեթոդը,
որը թույլ է տալիս ստանալ և փոփոխել տարրի ընթացիկ արժեքը