Javascript 从JS/jQuery更改CSS背景

我在.css和这个jquery中创建了这个类。 我无法更改背景图像

.u-section-1 {
  background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url("images/curtains/curtains_header.jpg");
  background-position: 50% 50%;
}

HTML是这样的：

$('.u-section-1').css("background-image", "linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2)), url('images/xabbb-min.jpg')");  

我还尝试了“document.getElementById”或“ElementsByClassName”。JS文件正在运行，但没有发生更改

---

提前感谢您尝试帮助我。

代码没有问题，我已将图像替换为CDN链接和添加按钮以更改

背景图像，效果良好


$（函数（）{
$（文档）。在（'单击'，'.bgChange'，函数（）上{
$（'.u-section-1'）.css（“背景图像”，“线性渐变”（0deg，rgba（0,0,0,0.2）），rgba（0,0,0,0.2）），url（'https://picsum.photos/seed/picsum/200/300')");
});
});
.u-section-1{
背景图像：线性渐变（0度，rgba（0,0,0,0.2），rgba（0,0,0,0.2）），url（“https://picsum.photos/id/237/200/300");
背景位置：50%50%；
高度：200px；
背景尺寸：包含；
}



更改BG
代码没有问题，我用CDN链接和add按钮替换了图像以更改
背景图像，效果很好


$（函数（）{
$（文档）。在（'单击'，'.bgChange'，函数（）上{
$（'.u-section-1'）.css（“背景图像”，“线性渐变”（0deg，rgba（0,0,0,0.2）），rgba（0,0,0,0.2）），url（'https://picsum.photos/seed/picsum/200/300')");
});
});
.u-section-1{
背景图像：线性渐变（0度，rgba（0,0,0,0.2），rgba（0,0,0,0.2）），url（“https://picsum.photos/id/237/200/300");
背景位置：50%50%；
高度：200px；
背景尺寸：包含；
}



更改BG
你确定，JS img路径正确吗？CSS路径包含
图像/窗帘/
和JS code
图像/
，所以我不确定它是否正确。你确定，JS img路径正确吗？CSS路径包含
图像/窗帘/
和JS code
图像/
，所以我不确定它是否正确
  <section class="u-align-center u-clearfix u-image u-shading u-section-1" id="carousel_4db0">