使用jquery将css属性从javascript变量添加到html元素

我在javascript变量“bg_url”中存储了一个url，我想将此url附加到html元素的背景图像属性

我的html

<div id=#wrapper>
<p>test</p>
</div>

但是我没有将变量附加到css属性。

---

有人有什么想法吗？

使用驼峰大小写属性或使用引号，因为它在属性名称中包含

-

$("#wrapper").css({ backgroundImage: 'url('+ bg_url+ ')' });
// or
$("#wrapper").css({ 'background-image': 'url('+ bg_url+ ')' });

虽然元素的id属性中不需要

#

，但最好使用引号来包装属性值

<div id="wrapper">

---

请参阅：

使用驼峰大小写属性或使用引号，因为它在属性名称中包含

-

$("#wrapper").css({ backgroundImage: 'url('+ bg_url+ ')' });
// or
$("#wrapper").css({ 'background-image': 'url('+ bg_url+ ')' });

虽然元素的id属性中不需要

#

，但最好使用引号来包装属性值

<div id="wrapper">

---

请参阅：

我认为您应该了解CSS和JavaScript的工作原理。有很多错误：

您没有

“

。它应该是

。然后删除

。

应该使用

+

运算符连接

始终确保将其放入

$（函数（）{}）

中

您的代码应该是：

var bg_url=”http://placehold.it/100?text=Background";
$（函数（）{
$（“#包装器”）.css({
背景图片：“url”（“+bg_url+”）”//别忘了这里的引号。
});
})；

试验

我认为你应该学习CSS和JavaScript是如何工作的。有很多错误：

您没有

“

。它应该是

。然后卸下

#

应该使用

+

运算符连接

始终确保将其放入

$（函数（）{}）

中

您的代码应该是：

var bg_url=”http://placehold.it/100?text=Background";
$（函数（）{
$（“#包装器”）.css({
背景图片：“url”（“+bg_url+”）”//别忘了这里的引号。
});
});

试验