jQuery的：添加一个样式属性现有样式

Question

style属性添加到现有的样式属性

我有一个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

你可以这样做：

$('form').submit(function(){ 
    $('#permissions').css("border","1px #F00 solid"); 
}); 

Answer 3

您可以使用jQuery的CSS（）方法：

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

Answer 4

肯定的：

$('#permissions').css({ 
    borderWidth: 1, 
    borderColor: '#fff', 
    borderStyle: 'solid' 
}); 

JS Fiddle。