Operasi Atribut jQuery - Metode attr()

Buku Refrensi Effek jQuery

Contoh

Ubah atribut width gambar:

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

Cuba 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 akan diambil nilai.

Cuba 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.

Cuba sendiri

Gunakan fungsi untuk tetapkan atribut:nilai

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 mengembalikan nilai atribut.

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

Cuba sendiri

Tetapkan banyak pasangan atribut:nilai

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

Sintaks

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

Cuba sendiri

Buku Refrensi Effek jQuery