jquery：向现有样式添加样式属性

Question

将样式属性添加到现有样式属性

我有一个 div 元素：

<div id="permissions" style="clear: both; float: left;">

我想在 onsubmit 事件上设置边框：

<div id="permissions" style="clear: both; float: left; border: 1px #F00 solid; ">

有没有办法做到这一点：将新的样式属性（边框）附加到现有样式（不读取现有样式）？

Answer 1

作为直接操作样式的替代方法，您可以使用 css 类：

.submitted
{
    border: 1px #F00 solid;
}

然后使用 jQuery：

$('#permissions').addClass('submitted');

然后删除：

$('#permissions').removeClass('submitted');

然后，如果您想在其他地方重用相同的方法，则只需使用该类即可submitted。另外，如果您想扩展该类（例如更改颜色），您只需编辑该类即可submitted。

Answer 2

您可以使用 jquery 的 css() 方法：

$('#permissions').css('border','1px #000 dashed');