Kaedah attr

Kaedah attr membolehkan anda mendapatkan dan mengubah sebarang atribut elemen.

Penting untuk tidak mengelirukan sifat dan atribut elemen. Apabila pokok DOM dicipta, atribut diterjemahkan kepada sifat DOM elemen yang sepadan. Nama mereka tidak selalu sama, begitu juga nilainya. Beberapa sifat juga mungkin tidak mempunyai atribut yang sepadan, mereka hanya boleh diperoleh dan ditetapkan apabila menggunakan kaedah prop, contohnya sifat tagName.

Sintaks

Mendapat nilai atribut:

$(pemilih).attr(nama atribut);

Mengubah nilai atribut:

$(pemilih).attr(nama atribut, nilai baru);

Mengubah nilai beberapa atribut:

$(pemilih).attr({atribut_pertama: nilai_baru, atribut_kedua: nilai_baru, ...});

Menggunakan fungsi pada setiap elemen dalam set:

$(pemilih).attr(nama atribut, function(nombor dalam set, nilai semasa atribut));

Contoh

Dalam contoh berikut, kami akan mendapatkan input melalui id-nya dan memaparkan nilai atribut value-nya:

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

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

Contoh

Sekarang mari tulis nilai baru 'www' kepada atribut yang sama:

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

Kod HTML akan kelihatan seperti ini:

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

Contoh

Mari kita tukar atribut type dan value secara serentak:

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

Kod HTML akan kelihatan seperti ini:

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

Contoh

Mari kita ubah atribut value untuk setiap input - tambahkan nombor indeks elemen dalam set kepada value semasa:

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

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

Kod HTML akan kelihatan seperti ini:

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

Lihat juga

kaedah removeAttr,
yang membolehkan anda memadam atribut elemen
kaedah prop,
yang membolehkan anda bekerja dengan sifat elemen
kaedah val,
yang membolehkan anda mendapatkan dan mengubah nilai semasa elemen