使用jquery将自定义样式字符串应用于div

Question

我有一个带有以下值的javascript变量：

var style ="border-left:12px solid;border-color:red;position:relative;"

如何将其应用于以下div：

<div class='my-div'></div>

我试过了：

$('.my-div').css({style});

但是失败了：（

Answer 1

var style = {
    borderLeft:'12px solid',
    borderColor:'red',
    position:'relative'
}

对象应该如下所示。 CSS方法接受对象参数。做一个样式字符串concat会起作用，但它很难看。

或者使用课程并且很简单。

$('.my-div').css(style); //append style object to jQuery object

请注意，使用此对象表示法也可能是有益的，因为属性可以包含逻辑，例如动画或更改值依赖项。