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。