首頁(yè) 猿問(wèn) 使用jQuery更改映像源

使用jQuery更改映像源

JavaScript JQuery

猛跑小豬 2019-06-18 10:37:58

使用jQuery更改映像源我的DOM看起來(lái)是這樣的：<div id="d1"> <div class="c1"> <a href="#"><img src="img1_on.gif"></a> <a href="#"><img src="img2_on.gif"></a> </div></div>當(dāng)有人單擊圖像時(shí)，我希望圖像src更改為<img src="imgx_off.gif">哪里x表示圖像編號(hào)1或2。這是可能的，還是我必須使用CSS來(lái)更改圖像？

查看完整描述

3 回答

拉風(fēng)的咖菲貓

TA貢獻(xiàn)1995條經(jīng)驗(yàn) 獲得超2個(gè)贊

您可以使用jQuery的ATTR()功能。例如，如果您的img標(biāo)記具有id屬性“my_Image”，您可以這樣做：

<img id="my_image" src="first.jpg"/>

然后，您可以更改src如下所示的jQuery圖像：

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

若要將此附加到click事件，您可以寫：

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

要旋轉(zhuǎn)圖像，可以這樣做：

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

反對(duì) 回復(fù) 2019-06-18