使用jQuery从div中添加和删除样式属性

我继承了一个我正在研究的项目，并且正在更新一些jquery动画（jquery的很少实践）。

我有一个div，我需要从中添加和删除样式属性。这是div：

<div id='voltaic_holder'>

在动画的某一时刻，我需要为其添加样式：

<div id='voltaic_holder' style='position:absolute;top:-75px'>

我四处搜寻并找到了该.removeAttr()方法，但看不到如何添加它，甚至看不到它的远程部分（例如top：-75px）。

谢谢，

您可以执行以下任一操作

分别设置每个样式属性：

$("#voltaic_holder").css("position", "relative");

一次设置多个样式属性：

$("#voltaic_holder").css({"position":"relative", "top":"-75px"});

删除特定样式：

$("#voltaic_holder").css({"top": ""});
// or
$("#voltaic_holder").css("top", "");

删除整个样式属性：

$("#voltaic_holder").removeAttr("style")

要完全删除voltaic_holder跨度的样式属性，请执行以下操作：

$("#voltaic_holder").removeAttr("style");

要添加属性，请执行以下操作：

$("#voltaic_holder").attr("attribute you want to add", "value you want to assign to attribute");

要仅删除顶部样式，请执行以下操作：

$("#voltaic_holder").css("top", "");

如果您使用的是jQuery，请使用CSS添加CSS

$("#voltaic_holder").css({'position': 'absolute',
    'top': '-75px'});

删除CSS属性

$("#voltaic_holder").css({'position': '',
    'top': ''});

处理此问题（最好的HTML解决方案）的简单方法是设置具有您要使用的样式的类。然后，只需使用addClass（）和removeClass（），甚至使用toggleClass（）即可。

$('#voltaic_holder').addClass('shiny').removeClass('dull');

甚至

$('#voltaic_holder').toggleClass('shiny dull');

Anwer在这里 如何使用jQuery动态添加文本对齐样式

对于jQuery中的.css方法，重要规则将不适用。

在这种情况下，我们应该使用.attr函数。

例如：如果要添加如下样式：

<div id='voltaic_holder' style='position:absolute;top:-75px !important'>

您应该使用：

$("#voltaic_holder").attr("style", "position:absolute;top:-75px !important");

希望它能帮助一些人。

使用J查询从div中删除样式属性：

$("#TableDiv").removeAttr("style");

使用J查询向div添加样式：

$("#TableDiv").attr("style", "display: none;");

使用html添加样式：

<div class="row" id="TableDiv" style="display: none;">
</div>

希望对您有所帮助:)