Bagaimanakah Saya Boleh Mengubah Sumber Imej Menggunakan jQuery?

Mengubah suai Sumber Imej dengan jQuery

Dalam halaman web, katakan anda mempunyai struktur HTML dengan dua imej, setiap satu mempunyai "imgx_on.gif" sebagai sumbernya, di mana " x" mewakili nombor imej (1 atau 2). Selepas mengklik imej, anda ingin mengubah suai sumbernya kepada "imgx_off.gif".

Penyelesaian dengan jQuery

Menggunakan fungsi attr() jQuery, anda boleh mengubah atribut sumber imej. Untuk mencapai ini, tetapkan atribut id pada imej anda (contohnya, "imej saya") dan laksanakan kod berikut:

$('#my-image').attr('src', 'imgx_off.gif');

Contoh untuk Putaran Imej

Untuk memutar imej, anda boleh menggunakan kod jQuery berikut:

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

Kod ini menggantikan sumber mengklik imej antara "img1_on.gif" dan "img2_on.gif".

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengubah Sumber Imej Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!