jQuery Animate - 边框宽度和颜色

Question

我确实在这里查看了几个类似的问题，但无法找到答案。

我已经设置了jQuery UI。我正在尝试使用jQuery animate函数为div的上边框设置 width 和 color 。

此代码在jQuery中不起作用：

$(".newMessageBox").animate({

    borderTopWidth: '1px',
    borderTopColor: '#e5e5e5'

});

但是，如果我将以下行添加到CSS文件中：

.newMessageBox
{

    border-top: 0px solid #e5e5e5;

}

然后将其添加到jQuery

$(".newMessageBox").animate({

    borderTopWidth: '1px',

});

然后一切正常。

此外，如果我设置＆＃34; border-top：1px solid;＆＃34;在CSS中然后放入＆＃34; borderTopColor：＆＃39;＃e5e5e5＆＃39;＆＃34;在jQuery动画中，它也会像这样工作。

是否有规则禁止在jQuery动画中为同一元素设置两个属性？

非常感谢。

Answer 1

请尝试使用.css。

$(".newMessageBox").css({'borderTopWidth', '1px'});
$(".newMessageBox").css({'borderTopColor', '#e5e5e5'});