Operasi Atribut jQuery - Metode attr()

Referensi Effek jQuery

Contoh

Ubah atribut width gambar:

$("button").click(function(){
  $("img").attr("width","180");
});

Coba sendiri

Definisi dan penggunaan

Metode attr() mengatur atau mengembalikan nilai atribut elemen yang dipilih.

Berdasarkan parameter yang berbeda dari metode ini, cara kerjanya juga berbeda.

Kembalikan nilai atribut

Kembalikan nilai atribut elemen yang dipilih.

Sintaks

$(selector).attr(atribut)
Parameter Deskripsi
atribut Tentukan atribut yang ingin diambil nilai-nya.

Coba sendiri

Tetapkan atribut/nilai

Tetapkan atribut dan nilai elemen yang dipilih.

Sintaks

$(selector).attr(atribut,nilai)
Parameter Deskripsi
atribut Tentukan nama atribut.
nilai Tentukan nilai atribut.

Coba sendiri

Tetapkan atribut/nilai menggunakan fungsi

Tetapkan atribut dan nilai elemen yang dipilih.

Sintaks

$(selector).attr(atribut,function(index,oldvalue))
Parameter Deskripsi
atribut Tentukan nama atribut.
function(index,oldvalue)

Tentukan fungsi untuk menentukan nilai atribut kembali.

Fungsi ini dapat menerima dan menggunakan nilai indeks selector dan nilai atribut saat ini.

Coba sendiri

Tetapkan beberapa pasangan atribut:nilai

Tetapkan satu atau lebih atribut dan nilai untuk elemen yang dipilih.

Sintaks

$(selector).attr({atribut:nilai, atribut:nilai ...})
Parameter Deskripsi
atribut:nilai Tentukan satu atau lebih pasangan atribut:nilai.

Coba sendiri

Referensi Effek jQuery