jquery不顯示圖片背景是因?yàn)槁窂讲徽_，其解決辦法：1、打開(kāi)相應(yīng)的js文件；2、通過(guò)“l(fā)et src='clock/img/afternoon.png';them_icons.css('background','url('+src+')')”方式重新設(shè)置背景圖片即可。

本教程操作環(huán)境：Windows10系統(tǒng)、jquery3.2.1版、DELL G3電腦

jquery不顯示圖片背景怎么辦？

jquery中解決設(shè)置圖片不顯示

jquery中解決設(shè)置背景圖片無(wú)法顯示

let src='clock/img/afternoon.png'; them_icons.css('background','url('+src+')')

主要問(wèn)題在于路徑這塊，相對(duì)路徑是html文件相對(duì)與圖片的路徑，而不是js文件相對(duì)于圖片的路徑。

相關(guān)知識(shí)拓展：

jq實(shí)現(xiàn)通過(guò)點(diǎn)擊按鈕更換圖片

附j(luò)q代碼：

$(function(){ $("#btn1").click(function(){ $("img").attr("src","img/01.jpg") }) $("#btn2").click(function(){ $("img").attr("src","img/02.jpg") }) $("#btn3").click(function(){ $("img").attr("src","img/03.jpg") }) });

推薦學(xué)習(xí)：《jQuery視頻教程》