Njia attr

Njia attr inaruhusu kupata na kubadilisha sifa yoyote ya kipengele.

Ni muhimu usichanganye sifa (properties) na vitambulisho (attributes) vya vipengele. Wakati wa kuunda mti wa DOM, vitambulisho hubadilishwa kuwa sifa za DOM za vipengele. Majina yao hayaendani kila wakati, sawa na thamani zao. Baadhi ya sifa pia zinaweza kukosa vitambulisho vinavyofanana navyo, zinaweza kupatikana na kuwekwa tu wakati wa kutumia njia prop, kwa mfano sifa tagName.

Syntax

Kupata thamani ya kitambulisho:

$(kichaguzi).attr(jina la kitambulisho);

Kubadilisha thamani ya kitambulisho:

$(kichaguzi).attr(jina la kitambulisho, thamani mpya);

Kubadilisha thamani za vitambulisho vingi:

$(kichaguzi).attr({kitambulisho_cha_kwanza: thamani_mpya, kitambulisho_cha_pili: thamani_mpya, ...});

Kutumia kitendakazi kwa kila kipengele katika seti:

$(kichaguzi).attr(jina la kitambulisho, function(namba katika seti, thamani ya sasa ya kitambulisho));

Mfano

Katika mfano ufuatao tutapata kichupio kwa kutumia id yake na tutaonyesha thamani ya kitambulisho chake value:

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

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

Mfano

Sasa tuandike thamani mpya 'www' kwenye kitambulisho hiki hiki:

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

Msimbo wa HTML utaonekana kama hivi:

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

Mfano

Wacha tubadilishe wakati mmoja vitambulisho type na value:

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

Msimbo wa HTML utaonekana kama hivi:

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

Mfano

Wacha kila kichupio tubadilishe kitambulisho value - tuongeze kwenye value ya sasa namba ya mlolongo wa kipengele katika seti:

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

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

Msimbo wa HTML utaonekana kama hivi:

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

Angalia pia

njia removeAttr,
ambayo inaruhusu kufuta vitambulisho vya vipengele
njia prop,
ambayo inaruhusu kufanya kazi na sifa za vipengele
njia val,
ambayo inaruhusu kupata na kubadilisha thamani ya sasa ya kipengele