📌  相关文章
📜  如何使用jQuery更改背景图像-JavaPoint

📅  最后修改于: 2020-11-27 01:22:49             🧑  作者: Mango

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

使用jQuery更改背景图片是一件容易的事。我们可以使用css()方法和url()函数符号来更改背景图像。

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

$("selector").css({"background-image": "url(image)"});

我们可以如上所述将图像直接传递给url()函数，也可以通过将图像存储在变量中并将变量名称传递给url来完成，如下所示。

var img = "image";
$("selector").css({"background-image": "url(" + img + ")"});

例

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














 This is an example of changing the background-image using jQuery. 


 


 Click the following button to change the background image of above div

输出量

执行完上述代码后，输出将为-

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