jquery不顯示圖片背景是因為路徑不正確，其解決辦法：1、打開相應的js文件；2、通過“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è)置背景圖片無法顯示

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

主要問題在于路徑這塊，相對路徑是html文件相對與圖片的路徑，而不是js文件相對于圖片的路徑。

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

jq實現(xiàn)通過點擊按鈕更換圖片

附jq代碼：

$(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") }) });

推薦學習：《jQuery視頻教程》