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

你可以这样做：

$('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

Answer 5

您可以在现有样式中添加样式，也可以像这样覆盖现有样式。

var style =$('#permissions').attr('style'); //it will return string
//on submit update style as
style += ';border: 1px #F00 solid;';
$('#permissions').attr('style',style);

这不会影响您现有的样式，即使您也必须覆盖其他任何属性，也会将新样式添加到现有样式中。

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

5 个答案: