Attr әдісі

attr әдісі элементтің кез келген атрибутын алуға және өзгертуге мүмкіндік береді.

Элементтердің қасиеттері мен атрибуттарын шатастырмау маңызды. DOM ағашын жасаған кезде атрибуттар оларға сәйкес келетін DOM элементтерінің қасиеттеріне аударылады. Олардың атаулары әрқашан сәйкес келмейді, соңдықтан олардың мәндері де сәйкес келмейді. Кейбір қасиеттерде сәйкес атрибуттар болмауы мүмкін, оларды тек prop әдісін қолданған кезде алуға және орнатуға болады, мысалы tagName қасиеті.

Синтаксис

Атрибут мәнін алу:

$(селектор).attr(атрибут атауы);

Атрибут мәнін өзгерту:

$(селектор).attr(атрибут атауы, жаңа мән);

Бірнеше атрибуттардың мәндерін өзгерту:

$(селектор).attr({бірінші_атрибут: жаңа_мән, екінші_атрибут: жаңа_мән, ...});

Функцияны жиынның әрбір элементіне қолдану:

$(селектор).attr(атрибут атауы, function(жиындағы нөмір, атрибуттың ағымдағы мәні));

Мысал

Келесі мысалда біз инпутты оның 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">

Мысал

Әрбір инпуттың 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 0">
<input type="text" value="bbb 1">
<input type="text" value="ccc 2">

Сондай-ақ қараңыз

removeAttr әдісі,
элементтердің атрибуттарын жоюға мүмкіндік береді
prop әдісі,
элементтердің қасиеттерімен жұмыс істеуге мүмкіндік береді
val әдісі,
элементтің ағымдағы мәнін алуға және өзгертуге мүмкіндік береді