如何使用 jQuery 更改背景图像?

2025年5月18日 | 阅读 1 分钟

使用 jQuery 更改背景图像是一项简单的任务。我们可以使用 css() 方法url() 函数表示法来更改背景图像。

使用 jQuery 更改背景图像的语法如下。

我们可以直接将图像传递给 url() 函数,如上所示,也可以通过将图像存储在变量中,然后将变量名传递给 url 来实现,如下所示。

示例

在此示例中,有一个带有背景图像的 div 元素。我们正在使用 css() 方法和 url() 函数表示法来更改相应 div 元素的背景图像。

立即测试

输出

执行上述代码后,输出将是 -

How to change the background image using jQuery

点击给定的按钮后,输出将是 -

How to change the background image using jQuery