Методи 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,
ки имкон медиҳад, ки арзиши ҷории элементро гирад ва тағйир диҳад