Bagaimanakah jQuery Boleh Digunakan untuk Mengubah Sumber Imej Secara Dinamik pada Klik?

Menggunakan jQuery untuk Mengubah Sumber Imej

Dalam struktur web seperti:

<div>

apabila pengguna mengklik pada imej, anda ditugaskan untuk mengemas kini sumbernya kepada imgx_off.gif, dengan x mewakili imej nombor.

Adakah jQuery mampu mengendalikan tugas ini, atau adakah CSS kaedah pilihan?

Menggunakan Fungsi attr() jQuery

jQuery menyediakan attr(), membolehkan anda mengubah suai nilai atribut. Untuk menukar sumber imej dengan ID my_image:

$('#my_image').attr('src', 'second.jpg');

Perubahan Imej Berasaskan Peristiwa

Sambungkan kod ini ke acara klik:

$('#my_image').on({
    'click': function(){
        $('#my_image').attr('src','second.jpg');
    }
});

Putaran Imej

Untuk melaksanakan imej putaran:

$('img').on({
    'click': function() {
         var src = ($(this).attr('src') === 'img1_on.jpg')
            ? 'img2_on.jpg'
            : 'img1_on.jpg';
         $(this).attr('src', src);
    }
});

Atas ialah kandungan terperinci Bagaimanakah jQuery Boleh Digunakan untuk Mengubah Sumber Imej Secara Dinamik pada Klik?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!