在使用jQuery動態更改圖片的時候,我們可能會遇到設置src為空卻無法真正清除圖片的問題。具體表現為:在代碼中設置標簽的src屬性為空,但是頁面中依舊顯示出之前的圖片。
這是因為瀏覽器緩存的原因,即使我們在代碼中將src屬性設置為空,瀏覽器也依舊會顯示緩存中的圖片,這就導致了我們看上去設置了src為空,但實際上并沒有生效。
為了解決這個問題,我們可以通過一個小技巧來刷新圖片的緩存。我們可以先通過jQuery設置一個隨機數時間戳作為圖片的src值,然后再將其設置為空,這樣就可以清除之前緩存的圖片并顯示空圖片了。
// 代碼示例 var imgSrc = $('img').attr('src'); $('img').attr('src', imgSrc + '?' + Math.random()).attr('src', '');
通過這種方法,我們就可以輕松地清除圖片緩存,實現設置src為空的效果了。