如何使用 jQuery 更改图像源？

使用 jQuery 修改图像源

在网页中，假设您有一个包含两个图像的 HTML 结构，每个图像都以“imgx_on.gif”作为源，其中“ x”代表图像编号（1或2）。单击图像后，您希望将其源代码修改为“imgx_off.gif”。

使用 jQuery 的解决方案

利用 jQuery 的 attr() 函数，您可以更改图像的源属性。为此，请为您的图像分配一个 id 属性（例如“my-image”）并执行以下代码：

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

图像旋转示例

要旋转图像，您可以使用以下 jQuery 代码：

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

此代码会替换图像的源单击“img1_on.gif”和“img2_on.gif”之间的图像。

以上是如何使用 jQuery 更改图像源？的详细内容。更多信息请关注PHP中文网其他相关文章！