javascript - 使用 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方法接受一个对象参数。执行样式字符串连接会起作用，但它很难看。

或者使用类并变得简单。

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

请注意，使用此对象表示法也很有用，因为属性中可以包含逻辑，比如用于动画或更改值依赖性。