Cara Mengambil dan Mengatur Atribut dengan jQuery

Mengubah atribut seperti src gambar atau href tautan sering dibutuhkan dalam halaman dinamis. Artikel ini membahas cara mengambil dan mengatur atribut dengan jQuery (attr).

Mengambil dan Mengatur

<script>
$("#foto").attr("src");             // ambil nilai src
$("#foto").attr("src", "baru.jpg"); // ganti src
</script>

Contoh Kasus: Galeri Gambar

<script>
$(".thumbnail").click(function() {
    const src = $(this).attr("src");
    $("#gambar-utama").attr("src", src); // tampilkan di gambar besar
});
</script>

Mengatur Beberapa Atribut Sekaligus

<script>
$("#link").attr({
    href: "https://sharecode.my.id",
    target: "_blank",
    title: "Kunjungi situs"
});
</script>

attr() vs prop()

Untuk status boolean seperti checked atau disabled, gunakan .prop() yang lebih andal. .attr() untuk atribut biasa seperti src dan href.

Kesimpulan

Gunakan .attr() untuk membaca atau mengubah atribut, dan berikan objek untuk mengatur beberapa sekaligus. Untuk status boolean seperti checked/disabled, pilih .prop().

Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi jQuery (api.jquery.com).

Baca Juga

Ali Akbar

Software Developer yang fokus mengembangkan aplikasi berbasis Web dan Desktop. Senang mempelajari teknologi baru terutama di bidang web design dan web development.

View all posts by Ali Akbar →

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *